echarts柱状图重叠后显示百分比数据
时间: 2023-10-21 11:28:40 浏览: 141
堆叠柱状图按照百分比显示.rar
要在echarts柱状图重叠后显示百分比数据,可以通过设置`label`属性来实现。在使用echarts时,可以使用以下方法来设置柱状图的标签显示百分比数据:
1. 首先,在`series`中设置柱状图的`label`属性为`show: true`,以显示标签。
2. 然后,设置`formatter`属性为`"{c}%"`,以将标签的内容格式化为百分比数据。
例如,可以使用以下代码来实现:
```
series: [{
type: 'bar',
data: [20, 30, 40, 50, 60],
label: {
show: true,
formatter: '{c}%'
}
}]
```
在上述代码中,柱状图的数据为`[20, 30, 40, 50, 60]`,通过设置`label`的`formatter`属性为`'{c}%'`,标签将以百分比形式显示在柱状图上。
这样,当柱状图重叠时,每个柱状图上都会显示相应的百分比数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
阅读全文