echart柱状图如何设置显示鼠标位置的数据信息

要在 ECharts 柱状图中设置显示鼠标位置的数据信息，你可以使用 ECharts 提供的 tooltip 组件。tooltip 组件可以在鼠标悬浮在数据项上时，自动显示该数据项的详细信息。

为了启用 tooltip 组件，你需要在 ECharts 的 option 配置对象中添加一个 tooltip 属性。下面是一个示例：

option = {
    // ... 其他配置项
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow' // 鼠标悬浮在柱状图上时，显示一个阴影
        }
    },
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50],
        // ... 其他配置项
    }]
};

在上面的示例中，我们通过 trigger 属性设置 tooltip 组件的触发方式为 'axis'，表示鼠标悬浮在轴上时触发 tooltip。同时，我们设置了 axisPointer 属性的 type 为 'shadow'，表示当鼠标悬浮在柱状图上时，显示一个阴影。在 series 中的 data 属性中，我们定义了柱状图的数据。

如果你想要在 tooltip 中显示更详细的信息，可以通过 formatter 属性来自定义 tooltip 的显示内容。例如：

option = {
    // ... 其他配置项
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        },
        formatter: function(params) {
            var dataIndex = params[0].dataIndex;
            var value = params[0].value;
            return '数据项 ' + dataIndex + ': ' + value;
        }
    },
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50],
        // ... 其他配置项
    }]
};

在上面的示例中，我们通过 formatter 函数自定义了 tooltip 的显示内容。在函数中，我们可以通过 params 参数获取到当前鼠标悬浮的数据项的信息，例如 dataIndex 和 value。然后，我们可以根据这些信息来自定义 tooltip 的显示内容。在这个示例中，我们只显示了当前数据项的索引和数值。