echarts中tooltip点击例子

以下是一个示例，展示如何在 echarts 中实现 tooltip 的点击事件：

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('chart'));

// 假设有一些数据
var data = [
  { name: 'A', value: 100 },
  { name: 'B', value: 200 },
  { name: 'C', value: 150 }
];

// 配置echarts的option
var option = {
  tooltip: {
    trigger: 'axis', // 设置tooltip的触发方式为axis
    formatter: function(params) {
      // 自定义tooltip的内容格式化函数
      var item = params[0];
      return `${item.name}: ${item.value}`;
    }
  },
  series: [
    {
      type: 'bar',
      data: data
    }
  ]
};

// 绑定tooltip的点击事件
myChart.on('click', function(params) {
  // 获取点击的数据项
  var item = params[0];
  console.log(`点击了${item.name}: ${item.value}`);
});

// 使用配置好的option绘制图表
myChart.setOption(option);

在这个示例中，我们创建了一个简单的柱状图，并设置了 tooltip 的触发方式为 'axis'。通过 formatter 函数可以自定义 tooltip 的内容格式化。然后，我们使用 `myChart.on('click', ...)` 绑定了 tooltip 的点击事件，当用户点击 tooltip 时，会触发回调函数并打印出被点击的数据项。

请注意，以上代码仅为示例，具体的使用方法和逻辑需要根据您的项目需求进行调整和修改。