Echart.js 图表未显示工具提示

Question

我正在使用 Echart.js 库。

var echartLine = echarts.init(document.getElementById('myChart'), theme);

在echart选项中我添加：

tooltip: {
                    show: true,
                    showContent: true,
                    alwaysShowContent: true,
                    triggerOn: 'mousemove',
                    trigger: 'axis',
                    axisPointer:
                        {
                            label: {
                                show: true,
                            }
                        }

                }, 

不出现工具提示。图片如下。

Answer 1

将选项触发器：'axis'更改为触发器：'item'，它应该像魅力一样工作。

Answer 2

对于访客：不要使用

canvas

作为容器，

init

你的echarts使用

div

代替，工具提示应该会显示。

Answer 3

我的错误是我将“tooltip”对象放入“series”对象中。别像我一样。将这些物体放在附近。

Answer 4

在我的例子中，当我将选项 axisPointer.axis 添加到“x”时，就像这样：

tooltip: {
    trigger: "axis",
    axisPointer: {
      type: "shadow",
      axis: "x"
    }
  }

Answer 5

大家好，我在 Eachart 中的工具提示未显示 这是我使用 Google Chrome 的允许复制扩展的错误，因此请检查该扩展是否处于活动状态，请禁用该扩展，总提示将显示在图表中