You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何仅为Highcharts系列中一月最左侧的单个柱状图添加悬停效果?

Highcharts分组柱状图悬停效果范围不符合预期

我使用Highcharts创建了分组柱状图,期望**仅一月的最左侧柱状图(Anna的一月数据)**应用悬停效果,但实际每个月份的最左侧柱状图都触发了悬停效果,尝试多种配置方式均未解决问题。

代码实现

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar']
    },
    plotOptions: {
        series: {
            grouping: true
        }
    },
    series: [
        {
            "name": "Anna",
            "data": [
                {
                    "y": 100
                },
                {
                    "y": 100
                },
                {
                    "y": 100
                }
            ],
            "color": "#5B5BD7",
            "borderWidth": 1
        },
        {
            "name": "Billy",
            "data": [
                {
                    "y": 125
                },
                {
                    "y": 125
                },
                {
                    "y": 125
                }
            ],
            "color": "#FD8D62",
            "borderWidth": 1
        }
    ]
});

预期效果

  • 仅一月的最左侧柱状图(Anna的一月数据)应用悬停效果

实际效果

  • 每个月份的最左侧柱状图都触发了悬停效果
    实际效果截图

内容的提问来源于stack exchange,提问作者samurai_jane

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.12 16:35:05