echarts设置柱状图上的数据百分比展示
时间: 2023-10-18 19:01:08 浏览: 290
pyecharts 实现显示数据为百分比的柱状图
可以使用 echarts 中的 formatter 属性来设置柱状图上的数据百分比展示。具体操作步骤如下:
1. 在 xAxis 和 yAxis 中设置 axisLabel 的 formatter 属性为 '{value}%',用于显示坐标轴上的数值为百分比。
```
xAxis: {
type: 'category',
data: ['A', 'B', 'C'],
axisLabel: {
formatter: '{value}%'
}
},
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value}%'
}
}
```
2. 在 series 中设置 label 的 formatter 属性,用于显示柱状图上的数据为百分比。
```
series: [{
name: '数据',
type: 'bar',
data: [0.2, 0.3, 0.5],
label: {
show: true,
position: 'top',
formatter: '{c}%'
},
}]
```
其中,formatter 中的 {c} 表示当前数据项的值,也就是柱状图上的数值。设置完毕后,保存并运行代码,即可看到柱状图上的数据以百分比的形式展示。
阅读全文