Echarts极坐标系示例
极坐标系示例
- 极坐标系柱状图
- 极坐标系折线图
- 极坐标散点图
- 极坐标涟漪散点图
本文主要介绍极坐标系可以显示的图表类型，比如柱状图、折线图。
极坐标系柱状图
option = {polar:[{},],angleAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},radiusAxis: {type: 'value'},series: [{type: 'bar',coordinateSystem:'polar',data: [120, 200, 150, 80, 70, 110, 130],}]
};
极坐标系折线图
option = {polar:[{},],angleAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},radiusAxis: {type: 'value'},series: [{type: 'line',coordinateSystem:'polar',data: [120, 200, 150, 80, 70, 110, 130],}]
};
极坐标散点图
option = {polar:[{},],angleAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},radiusAxis: {type: 'value'},series: [{type: 'scatter',coordinateSystem:'polar',data: [120, 200, 150, 80, 70, 110, 130],}]
};
极坐标涟漪散点图
option = {polar:[{},],angleAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},radiusAxis: {type: 'value'},series: [{type: 'effectScatter',coordinateSystem:'polar',data: [120, 200, 150, 80, 70, 110, 130],}]
};
