要配置柱状图的提示框(tooltip)在 ECharts 中,您可以在 series 配置项的每个系列中使用 tooltip 属性进行设置。以下是一个简单的示例:
option = {
    title: {
        text: '柱状图示例 - 提示框'
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    xAxis: {
        type: 'category',
        data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月']
    },
    yAxis: {
        type: 'value',
        name: '数量'
    },
    series: [{
        name: '柱状图',
        type: 'bar',
        data: [50, 120, 180, 80, 70, 110, 130],
        itemStyle: {
            // 柱状图的样式配置
            color: '#7cb5ec'
        },
        emphasis: {
            // 鼠标悬停时的样式配置
            itemStyle: {
                color: '#91c7ae'
            }
        }
    }]
};

在上述示例中,tooltip 属性被用于配置提示框,其中:

  •  trigger: 'axis' 表示鼠标悬停在坐标轴上时显示提示框。

  •  axisPointer: { type: 'shadow' } 表示使用阴影的方式标示坐标轴。


在 series 的柱状图配置中,使用了 itemStyle 和 emphasis 分别配置柱状图的普通样式和鼠标悬停时的样式,您可以根据需要进行调整。

这只是一个简单的示例,具体配置可以根据您的需求进行更改。


转载请注明出处:http://www.zyzy.cn/article/detail/5405/ECharts