echarts柱状图添加数据百分比
时间: 2023-11-11 11:00:01 浏览: 432
可以通过 echarts 的 formatter 属性来实现柱状图添加数据百分比。具体做法是在 formatter 函数中将数据值除以总数,然后乘以 100 并加上百分号。示例代码如下:
```
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80],
type: 'bar',
label: {
show: true,
position: 'top',
formatter: function(params) {
var total = 0;
for (var i = 0; i < option.series[0].data.length; i++) {
total += option.series[0].data[i];
}
var percent = ((params.value / total) * 100).toFixed(2);
return percent + '%';
}
}
}]
};
```
阅读全文