vue怎么在echarts的tooplit中添加点击事件

要在 Echarts 的 tooltip 中添加点击事件，需要在 Echarts 的 option 中的 tooltip 配置项中设置 triggerOn 属性为 "click"。然后在 Echarts 的 option 中的 series 配置项中，为每个 series 的 itemStyle.normal 配置项设置 tooltip.trigger 属性为 "item"，并且为每个 series 的 data 数据项设置 tooltip.callback 为一个函数，该函数会在点击 tooltip 中的数据项时被调用。具体的代码示例如下：

option = {
  tooltip: {
    trigger: 'axis',
    triggerOn: 'click', // 设置 tooltip 的触发方式为点击
    callback: function(params) {
      // 点击 tooltip 中的数据项时执行的函数
      console.log(params);
    }
  },
  series: [
    {
      type: 'bar',
      data: [10, 20, 30],
      itemStyle: {
        normal: {
          color: '#c23531',
          // 设置触发 tooltip 的方式为点击
          tooltip: { trigger: 'item' }
        }
      },
      // 设置点击 tooltip 中的数据项时执行的回调函数
      data: [
        {
          value: 10,
          tooltip: {
            callback: function(params) {
              console.log(params);
            }
          }
        },
        {
          value: 20,
          tooltip: {
            callback: function(params) {
              console.log(params);
            }
          }
        },
        {
          value: 30,
          tooltip: {
            callback: function(params) {
              console.log(params);
            }
          }
        }
      ]
    }
  ]
};

以上代码中，我们设置了 tooltip 的 triggerOn 属性为 "click"，并且为每个 series 的 itemStyle.normal 配置项设置 tooltip.trigger 属性为 "item"，为每个 series 的 data 数据项设置 tooltip.callback 为一个函数。这样就能在 Echarts 的 tooltip 中添加点击事件了。