echarts柱状图鼠标放置浮出数据标签
时间: 2023-07-22 19:22:52 浏览: 472
echarts柱状图
要在 Echarts 柱状图中鼠标放置浮出数据标签,可以在 Echarts 配置中设置 tooltip 属性。例如,在柱状图中添加数据标签的配置代码如下:
```
option = {
...
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
...
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20],
label: {
show: true,
position: 'top'
}
}]
...
};
```
在这个代码中,`tooltip` 属性设置了触发方式为 `'axis'`,并且添加了一个阴影指示器。`series` 属性中的柱状图数据加上了一个 `label` 属性设置,使得每个柱子上都显示数据标签。当鼠标放在某个柱子上时,就会触发 tooltip 显示这个柱子的数据标签。
注意,以上代码仅作为示例,具体的配置需要根据实际情况进行调整。
阅读全文