风频图echarts 柱状配置项内容和展示

配置项如下
      option = {
    color: ['#70e7ef', '#3a64e9', '#f34646', '#e43185', '#b53edd'],
    title: {
        text: '风频图',
        x: 'center',
        textStyle: {
            color: '#30465D',
            fontSize: '14',
            fontWeight: 'bold'
        }
    },
    angleAxis: {
        type: 'category',
        data: ['N', 'NNE', 'NE', 'ENE', 'E', 'ESE', 'SE', 'SSE', 'S', 'SSW', 'SW', 'WSW', 'W', 'WNW', 'NW', 'NNW'],
        boundaryGap: false,
        axisTick: {
            alignWithLabel: true
        },
        axisLine: {
            lineStyle: {
                color: '#30465D'
            }
        },
        splitLine: {
            show: true
        }
    },
    radiusAxis: {
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            formatter: '{value}%',
            showMaxLabel: false,
            color: '#30465D'
        },
        z: 10
    },
    tooltip: {},
    polar: {},
    legend: {
        show: true,
        right: 0,
        bottom: 0,
        type: 'scroll',
        orient: 'vertical',
        data: ['0~2', '2~4', '4~6', '6~8', '>8']
    },
    series: [{
        type: 'bar',
        data: [6.16, 6.84, 8.49, 8.11, 8.78, 7.13, 5.7, 4.28, 3.79, 4.07, 4.46, 5.76, 7.26, 6.92, 6.92, 5.32],
        coordinateSystem: 'polar',
        name: '0~2',
        stack: 'a'
    }, {
        type: 'bar',
        data: [5.82, 8.0, 12.36, 11.77, 9.38, 6.19, 4.61, 3.87, 3.44, 3.17, 2.45, 3.58, 6.91, 6.47, 6.47, 5.5],
        coordinateSystem: 'polar',
        name: '2~4',
        stack: 'a'
    }, {
        type: 'bar',
        data: [3.4, 7.37, 16.29, 12.56, 7.37, 5.04, 1.84, 1.11, 1.89, 2.97, 1.82, 4.11, 10.41, 10.01, 10.01, 3.81],
        coordinateSystem: 'polar',
        name: '4~6',
        stack: 'a'
    }, {
        type: 'bar',
        data: [3.01, 6.22, 14.46, 10.34, 4.45, 4.52, 0.98, 0.59, 0.39, 2.23, 1.37, 4.25, 15.77, 13.94, 13.94, 3.53],
        coordinateSystem: 'polar',
        name: '6~8',
        stack: 'a'
    }, {
        type: 'bar',
        data: [10.28, 14.65, 9.25, 12.34, 1.03, 1.54, 0.26, 0.26, 0.51, 1.03, 1.8, 7.2, 12.34, 11.57, 11.57, 4.37],
        coordinateSystem: 'polar',
        name: '>8',
        stack: 'a'
    }]
};
    
截图如下