echarts数据集的柱形图，每个柱子都触发tooltip

你可以使用 ECharts 的柱形图（bar chart）来实现每个柱子触发 tooltip 的效果。以下是一个示例代码：

// 假设你已经引入了 ECharts 的库，并创建了一个图表实例
var myChart = echarts.init(document.getElementById('chart'));

// 假设你已经有了一个数据集，比如包含了 x 轴和 y 轴的数据
var data = [
  { name: '数据1', value: 100 },
  { name: '数据2', value: 200 },
  { name: '数据3', value: 300 }
];

// 配置柱形图的相关参数
var option = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow' // 设置显示柱形图阴影效果
    }
  },
  xAxis: {
    type: 'category',
    data: data.map(function(item) {
      return item.name;
    })
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    type: 'bar',
    data: data.map(function(item) {
      return item.value;
    }),
    itemStyle: {
      emphasis: {
        // 设置柱形图的高亮样式
        shadowBlur: 10,
        shadowOffsetX: 0,
        shadowOffsetY: -2,
        shadowColor: 'rgba(0, 0, 0, 0.3)'
      }
    }
  }]
};

// 将配置项设置给图表实例
myChart.setOption(option);

以上代码中，`data` 变量是一个包含了每个柱子的名称和值的数据集。`tooltip` 配置项的 `trigger` 属性设置为 `'axis'`，表示通过轴触发 tooltip。`xAxis` 配置项设置了 x 轴的类型为 `'category'`，并将 `data` 中的每个元素的 `name` 属性作为 x 轴上的数据。`yAxis` 配置项设置了 y 轴的类型为 `'value'`。`series` 配置项定义了柱形图的类型为 `'bar'`，并将 `data` 中的每个元素的 `value` 属性作为柱子的高度。

最后，通过调用 `myChart.setOption(option)` 将配置项应用到图表实例上。这样每个柱子就会触发 tooltip，并显示相应的信息。你可以根据自己的需求定制 tooltip 的样式和内容。