echarts柱形图鼠标悬停显示数值

ECharts是一个强大的JavaScript数据可视化库，用于创建交互式的图表。在ECharts中，如果你想在柱状图上添加鼠标悬停时显示数值的功能，你可以通过设置`series`配置项中的`emphasis`部分来实现。具体步骤如下：

1. 首先，确保你已经在初始化ECharts实例时设置了柱状图(`bar`系列)。

var option = {
   series: [{
      type: 'bar', // 柱状图类型
      name: '销售额',
      data: [50, 70, 90, 100, 120], // 数据数组
      label: { // 标签配置
         show: true,
         position: 'top',
         formatter: '{c} ({d})' // 显示值和百分比
      },
      emphasis: { // 鼠标悬停时的样式
         itemStyle: {
            color: 'red', // 悬停时颜色变化
            shadowBlur: 5, // 模糊效果
         },
         label: { // 悬停时标签配置
            show: true, // 显示数值
            position: 'right', // 位置可以调整
            formatter: '{b}: {c}', // 格式化字符串，{b}表示类别名，{c}表示数值
         }
      }
   }]
};

2. 使用`echarts.setOption(option)`将这个配置应用到图表上。

当你将鼠标悬停在柱子上时，ECharts会按照设定的方式显示相应的数值信息。如果你想要动态获取某个柱子的数值，可以在事件监听器（如`mouseover`或`mouseout`）中获取`dataIndex`并从原始数据中查找对应的数据点。