风速玫瑰图echarts 配置项内容和展示
风速玫瑰图
配置项如下
option ={
// title:{
// text:'风玫瑰图',
// subtext:'虚构数据',
// left:'center'
// },
tooltip: {},
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: {},
polar: {
radius: '70%',
center:['40%', '50%'],
},
color: [
"#3aa0ff",
"#36cbcb",
"#4dcb73",
"#fad337",
"#f2637b",
"#975fe4",
"#e91e63",
"#ff5722",
"#00bcd4"
],
series: [
{
"name": "",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.001,
0.989,
0.0002,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "0.0-0.2",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0098,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "0.3-1.5",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "1.6-3.3",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "3.4-5.4",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "5.5-7.9",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "8.0-10.7",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "10.8-13.8",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "13.9-17.1",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
name: "17.2-20.7",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "20.8-24.4",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "24.5-28.4",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "28.5-32.6",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "32.7-36.9",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "37.0-41.4",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "46.2-50.9",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "56.1-61.2",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": "61.2-65",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
},
{
"name": ">66",type: "bar", coordinateSystem: "polar", stack: "a",
"data": [
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0,
0.0
]
}
],
legend: {
show: true,
top: "bottom",
right: "90%",
data:["",
"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.7-36.9",
"37.0-41.4",
"46.2-50.9",
"56.1-61.2",
"61.2-65",
">66"],
orient: "vertical"
}
}
截图如下
