echarts柱状图显示两个label
时间: 2023-10-10 21:10:27 浏览: 285
echarts柱状图
ECharts支持在柱状图上显示两个label,分别是默认的value label和自定义的extra label。
要显示两个label,需要设置series中的label属性为一个对象,包含两个子属性:
1. normal属性:用于设置value label的样式和位置。
2. emphasis属性:用于设置extra label的样式和位置。
示例代码如下:
```
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D']
},
yAxis: {
type: 'value'
},
series: [{
data: [20, 30, 40, 50],
type: 'bar',
label: {
normal: {
show: true, // 显示value label
position: 'inside' // value label的位置
},
emphasis: {
show: true, // 显示extra label
position: 'top', // extra label的位置
formatter: '{c}%' // extra label的格式化字符串
}
}
}]
};
```
这样就可以在柱状图上同时显示value label和extra label了。
阅读全文