通过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: ['科研数量', '购买数量', '并发数量']
}
};