echarts中如何在柱状图里面显示文字
时间: 2023-08-11 10:17:28 浏览: 545
Echarts动态排名柱状图(自适应电脑和手机端)源代码
5星 · 资源好评率100%
要在 echarts 柱状图中显示文字,可以使用 echarts 的 label 属性。具体来说,需要在 series 中设置 label 属性,并指定其显示的文本内容、位置、字体样式等参数。例如,以下代码可以在柱状图中显示每个柱子的数值:
```
option = {
xAxis: {
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {},
series: [{
type: 'bar',
data: [10, 20, 30, 40, 50],
label: {
show: true,
position: 'top',
formatter: '{c}'
}
}]
};
```
在上述代码中,label 的 show 属性设置为 true,表示要显示 label;position 属性设置为 top,表示 label 显示在柱子的顶部;formatter 属性指定了 label 的显示内容,其中 {c} 表示当前柱子的数值。可以根据实际需求调整 label 的其他属性,例如字体大小、颜色等。
阅读全文