Javascript 是否可以在ECharts中创建风玫瑰图？

在天气和海事中，一个非常常见的图表是风玫瑰图

在echarts中是否可以创建其中一个？它具有分段的速度带和每0-360个方向的不同扇区。请参见下面的示例图表或Plotly如何在其库中完成的示例：

如果是这样，代码会是什么样子？我试图更改此示例（），但似乎为了获得分段带，我们需要在

角度轴中使用
类别
，这是不正确的

看看这项工作。我在gallery上找到了这个（和），但是加载需要很长时间，或者有些天不可用，但今天我很幸运：


var myChart=echart.init（document.getElementById（'chart'）；
变量legendName=[
“0.0-0.2米/秒”，
“0.3-1.5米/秒”，
“1.6-3.3米/秒”，
“3.4-5.4米/秒”，
“5.5-7.9米/秒”，
“8.0-10.7米/秒”，
“10.8-13.8米/秒”，
“13.9-17.1米/秒”，
“17.2-20.7米/秒”，
“20.8-24.4米/秒”，
“24.5-28.4米/秒”，
“28.5-32.6米/秒”，
“>32.6米/秒”
]
var vocs=[
“0.3 mg/m³”，
“0.4 mg/m³”，
“0.3 mg/m³”，
“0.3 mg/m³”，
“0.5 mg/m³”，
“0.23 mg/m³”，
“0.2 mg/m³”，
“0.7 mg/m³”，
“0.6 mg/m³”，
“0.2 mg/m³”，
“0.1 mg/m³”，
“0.1 mg/m³”，
“0.6 mg/m³”，
];
var选项={
工具提示：{
触发器：'item'，
文本样式：{
颜色：'#fff'
}
},
颜色：[“0001F7”、“00B8FE”、“00FFFF”、“00FF68”、“BEFE00”、“FFFF00”、“FFFF800”、“E10100”]，
角度轴：{
类型：'类别'，
数据：[”北", "北东北", "东北", "东东北", "东", "东东南", "东南", "南东南", "南", "南西南", "西南", "西西南", "西", "西西北", "西北", "北西北"],
边界间隙：false//标签和数据点都会在两个刻度之间的带（乐队）中间
axisTick：{
节目：假//是否显示坐标轴刻度
},
分割线：{
秀：没错，
线型：{
//颜色：“黑色”
},
},
axisLabel：{
秀：没错，
间隔时间：1//坐标轴刻度标签的显示间隔，在类目轴中有效
},
},
径向轴：{
分:0,，
最高：100，
axisLabel：{
节目：假
},
axisTick：{
节目：假//是否显示坐标轴刻度
},
轴线：{
节目：假//是否显示坐标轴轴线
},
},
极：{}，
系列：[{
类型：'bar'，
数据：[17,2,18,4，
2, 3, 4, 6,
1, 6, 3, 4,
2, 3, 4, 6
],
协调系统：“极性”，
名称：legendName[0]，
堆栈：“a”
}, {
类型：'bar'，
数据：[7,12,13,2，
2, 3, 4, 6,
1, 2, 3, 2,
2, 3, 4, 6
],
协调系统：“极性”，
名称：legendName[1]，
堆栈：“a”
}, {
类型：'bar'，
数据：[10,12,13,4，
2, 13, 14, 26,
11, 12, 23, 34,
12, 33, 34, 32
],
协调系统：“极性”，
名称：legendName[2]，
堆栈：“a”
}, {
类型：'bar'，
数据：[10,2,13,2，
2, 3, 4, 6,
1, 2, 3, 2,
2, 3, 4, 6
],
协调系统：“极性”，
名称：legendName[3]，
堆栈：“a”
}, {
类型：'bar'，
数据：[10,2,13,4，
2, 3, 4, 6,
1, 2, 3, 4,
1, 2, 3, 1
],
协调系统：“极性”，
名称：legendName[4]，
堆栈：“a”
}, {
类型：'bar'，
数据：[10,2,13,2，
2, 3, 4, 6,
1, 2, 3, 2,
1, 2, 3, 1
],
协调系统：“极性”，
名称：legendName[5]，
堆栈：“a”
}, {
类型：'bar'，
数据：[10,2,13,4，
2, 3, 4, 6,
1, 2, 3, 4,
2, 3, 4, 2
],
协调系统：“极性”，
名称：legendName[6]，
堆栈：“a”
}, {
类型：'bar'，
数据：[1,0,0,0，
0, 0, 0, 0,
0, 0, 0, 0,
0, 0, 0, 0
],
协调系统：“极性”，
名称：legendName[7]，
堆栈：“a”
}],
图例：{
秀：没错，
资料来源：legendName，
宽度：500//根据宽度调整换行
}
};
myChart.setOption（选项）；