Echarts实现极坐标系
更新时间: 2021-05-31 16:00:12
阅读 2131
通过echarts实现极坐标系
功能
通过echart图表中的js代码,使柱状图实现缩放
用法
1.1 新建表格
页面内新建任意数里的表格后
1.2 新增echart图表
将js代码复制到echart图表中
v1.2代码
dataSet = dataSet.map((data, i) => dataSet.map(d => d[i]));
var 地区 = dataSet[0];
var 数值1 = dataSet[1];
var 数值2 = dataSet[2];
var 数值3 = dataSet[3];
option = {
angleAxis: {
},
radiusAxis: {
type: 'category',
data: 地区,
z: 10
},
polar: {
},
series: [{
type: 'bar',
data: 数值1,
coordinateSystem: 'polar',
name: '科研数量',
stack: 'a',
emphasis: {
focus: 'series'
}
}, {
type: 'bar',
data:数值2,
coordinateSystem: 'polar',
name: '购买数量',
stack: 'a',
emphasis: {
focus: 'series'
}
}, {
type: 'bar',
data: 数值3,
coordinateSystem: 'polar',
name: '并发数量',
stack: 'a',
emphasis: {
focus: 'series'
}
}],
legend: {
show: true,
data: ['科研数量', '购买数量', '并发数量']
}
};
文档反馈
以上内容对您是否有帮助?