echarts折线图tooltip不显示
时间: 2023-12-08 15:38:17 浏览: 133
echarts.txt
针对echarts折线图tooltip不显示的问题,可能有以下两种解决方法:
1. 确认配置中是否有tooltip的配置,如果没有则需要添加tooltip的配置。示例代码如下:
```javascript
option = {
tooltip: {
trigger: 'axis'
},
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'
}]
};
```
2. 如果已经确认配置中有tooltip的配置,但是tooltip仍然无法显示,则可能是ECharts与Vue的响应性特性存在兼容性问题。可以尝试使用Vue的$nextTick方法来解决。示例代码如下:
```javascript
this.$nextTick(() => {
tools.loopShowTooltip(myChart, option, { loopSeries: true });
});
```
阅读全文