vueecharts如何设置折线图的折点显示横纵坐标
时间: 2023-12-06 13:01:59 浏览: 174
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
可以通过设置 `tooltip` 的 `trigger` 属性为 `'axis'`,并在 `series` 中设置 `label` 的 `show` 属性为 `true` 来实现折线图的折点显示横纵坐标。具体实现方法如下所示:
```javascript
option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
}
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
label: {
show: true, // 显示折点上的数值
position: 'top' // 数值显示在折点的上方
}
}]
};
```
阅读全文