echarts柱状图，鼠标移上去只显示鼠标所在柱子的信息，如何设置

在 ECharts 中，要实现鼠标移上去只显示鼠标所在柱子的信息，可以通过配置 `tooltip` 的 `trigger` 属性为 `'item'` 来达成。以下是一个示例代码： ```javascript // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { // x轴配置 xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, // y轴配置 yAxis: { type: 'value' }, // 提示框配置 tooltip: { // 设置触发类型为item，鼠标移到单个柱子上触发提示框 trigger: 'item' }, // 系列配置 series: [{ data: [120, 200, 150, 80, 70, 110, 130], type: 'bar' }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); ``` 在上述代码中，`tooltip` 的 `trigger` 属性被设置为 `'item'`，这意味着当鼠标移动到单个柱子上时，只会显示该柱子的信息。 我在以往的开发过程中，碰到过以下几点需要格外小心处理的地方： 1. 确保 `echarts` 库已经正确引入到项目中，否则代码将无法正常运行。 2. 检查 `dom` 元素的 `id` 是否与 `echarts.init` 方法中的参数一致，不一致会导致图表无法显示。 3. 当数据发生动态变化时，要及时调用 `myChart.setOption` 方法更新图表，避免数据显示错误。 [2026-01-30 21:13:59 | AI写代码神器 | 435点数解答]