echarts风速玫瑰图的图表大小修改

风速玫瑰图的大小修改在里面添加即可

polar: {
          radius: '70%',
        center:['40%', '50%'],
        },

风速玫瑰图列

option = {
    title:{
        text:'风玫瑰图',
        subtext:'虚构数据',
        left:'center'
    },
    angleAxis: {
       
       type: 'category',
        data: ['N', 'NNE', 'NE', 'ENE', 'E', 'ESE', 'SE','SSE','S','SSW','SW','WSW','W','WNW','NW','NNW'],
        z: 0,
         boundaryGap: false,
        splitLine: {
            show: true,
            lineStyle: {
                color: '#ddd',
                type: 'solid'
            }
        },
        axisLine: {
            show: false
        }
    },
    radiusAxis: {
         center: ['50%', '50%'],
    },
     grid: { // 控制图的大小,调整下面这些值就可以,
                    x: 40,
                    x2: 100,
                    y2: 150// y2可以控制 X轴跟Zoom控件之间的间隔,避免以为倾斜后造成 label重叠到zoom上
                },
    polar: {
       
    },
    series: [
        {
        type: 'bar',
        data: [1.81, 0.62, 0.82, 0.59,0.62, 1.22, 1.61, 2.04,  2.66 ,2.96 ,2.53 ,1.97 ,1.64 ,1.32 ,1.58 ,1.51],
        coordinateSystem: 'polar',
        name: '<0.5m/s',
       stack: 'a',
       itemStyle:{
           normal:{
               color:'rgb(124, 181, 236)'
           }
       }
    }, {
        type: 'bar',
        data: [1.78, 1.09, 0.82, 1.22,2.20, 2.01, 3.06, 3.42,  4.74 ,4.14 ,4.01 ,2.66 ,1.71 ,2.40 ,4.28 , 5.00],
        coordinateSystem: 'polar',
        name: '0.5-2m/s',
       stack: 'a',
       itemStyle:{
           normal:{
               color:'rgb(67, 67, 72)'
           }
       }
    }, {
        type: 'bar',
        data: [0.16, 0.00, 0.07, 0.07,0.49, 1.55, 2.37, 1.97,  0.43 ,0.26 ,1.22 ,1.97 ,0.92 ,0.99 ,1.28 ,1.32],
        coordinateSystem: 'polar',
        name: '2-4m/s',
       stack: 'a',
       itemStyle:{
           normal:{
               color:'rgb(144, 237, 125)'
           }
       }
    }, {
        type: 'bar',
        data: [0.00, 0.00, 0.00, 0.00,0.00, 0.30, 2.14, 0.86,  0.00 ,0.00 ,0.49 ,0.79 ,1.45 ,1.61 ,0.76 ,0.13],
        coordinateSystem: 'polar',
        name: '4-6m/s',
       stack: 'a',
        itemStyle:{
           normal:{
               color:'rgb(247, 163, 92)'
           }
       }
    }, {
        type: 'bar',
        data: [0.00, 0.00, 0.00, 0.00,0.00, 0.13, 1.74, 0.53,  0.00 ,0.00 ,0.13 ,0.30 ,0.26 ,0.33 ,0.66 ,0.23],
        coordinateSystem: 'polar',
        name: '6-8m/s',
       stack: 'a',
        itemStyle:{
           normal:{
               color:'rgb(128, 133, 233)'
           }
       }
    }, {
        type: 'bar',
        data: [0.00, 0.00, 0.00, 0.00,0.00, 0.00, 0.39, 0.49,  0.00 ,0.00 ,0.00 ,0.00 ,0.10 ,0.00 ,0.69 ,0.13],
        coordinateSystem: 'polar',
        name: '8-10m/s',
        stack: 'a',
        itemStyle:{
           normal:{
               color:'rgb(241, 92, 128)'
           }
       }
    }, {
        type: 'bar',
        data: [0.00, 0.00, 0.00, 0.00,0.00, 0.00, 0.13, 0.00,  0.00 ,0.00 ,0.00 ,0.00 ,0.00 ,0.00 ,0.03 ,0.07],
        coordinateSystem: 'polar',
        name: '>10m/s',
        stack: 'a',
        itemStyle:{
           normal:{
               color:'rgb(228, 211, 84)'
           }
       }
    }],
    legend: {
        show: true,
        top:'bottom',
        right:'right',
        data: ['<0.5m/s', '0.5-2m/s', '2-4m/s','4-6m/s','6-8m/s','8-10m/s','>10m/s'],
       orient:'vertical'
    }
};

猜你喜欢

转载自blog.csdn.net/wzwzwz555/article/details/107508537
今日推荐