echarts折线图tooltip不显示

针对echarts折线图tooltip不显示的问题，可能有以下两种解决方法：

1. 确认配置中是否有tooltip的配置，如果没有则需要添加tooltip的配置。示例代码如下：

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方法来解决。示例代码如下：

this.$nextTick(() => {
    tools.loopShowTooltip(myChart, option, { loopSeries: true });
});

相关问题

echarts 折线图tooltip 只显示一个值

您可以使用formatter函数来自定义tooltip的显示内容，例如：

tooltip: {
   trigger: 'axis',
   formatter: function (params) {
      let value = params[0].value;
      return '值：' + value;
   }
},

这样就可以只显示折线图上的一个值了。您可以在formatter函数中根据需要自定义显示的内容。

echarts折线图tooltip显示

echarts折线图的tooltip显示可以通过设置position属性来实现固定在图形顶部的效果。在echarts的配置项中，可以通过设置tooltip的position属性来指定tooltip显示框的位置。例如，可以将position设置为固定的横向位置和纵向位置，使得tooltip始终固定在图形顶部。具体的实现方法如下所示：

tooltip: {
  trigger: 'axis',
  position: function (point, params, dom, rect, size) {
    return \[point\[0\] - 100, '10%'\]; // 返回x、y（横向、纵向）两个点的位置
  }
},

在这个例子中，position函数返回的是一个数组，数组的第一个元素表示tooltip显示框的横向位置，通过`point\[0\] - 100`可以将tooltip显示框的位置向左偏移100个像素。数组的第二个元素表示tooltip显示框的纵向位置，通过`'10%'`可以将tooltip显示框固定在图形顶部的10%位置。

通过设置position属性，可以实现echarts折线图tooltip显示框固定在图形顶部的效果。
#### 引用[.reference_title]
- *1* *3* [【echarts】tooltip显示位置设置](https://blog.csdn.net/wbx_wlg/article/details/122686252)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [echarts 折线图 默认显示tooltip提示框内容](https://blog.csdn.net/buyaopingbixiazai/article/details/86547478)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]