echarts横向柱状图设置图上百分比展示
时间: 2023-10-05 07:08:31 浏览: 225
echarts 横着显示的柱状图
可以通过设置 `formatter` 属性来在横向柱状图上展示百分比。下面是一个例子:
```javascript
option = {
xAxis: {
type: 'value',
max: 100
},
yAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D']
},
series: [{
type: 'bar',
data: [20, 35, 50, 75],
label: {
show: true,
position: 'right',
formatter: '{c}%'
}
}]
};
```
上面的代码中,通过设置 `formatter: '{c}%'` 来将数据格式化为百分比展示在柱状图上。其中 `{c}` 表示当前数据项的值。在该例子中,柱状图的 x 轴最大值为 100,因此数据项的值为百分比。如果 x 轴的最大值不为 100,需要根据实际情况调整数据项的值。
阅读全文