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

Highcharts:系列X值不匹配时如何实现共享提示框?

柱状图与散点图X值不匹配时实现共享提示框及联动选中

我希望在柱状图和散点图的X值不匹配时,实现两者的共享提示框,同时鼠标悬停时两类图表的对应点能被联动选中。

问题示例图

问题示例图

最小复现代码

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    xAxis: {
        categories: ['USA', 'China'],
    },
    yAxis:[{}, {
        opposite: true
    }],
    tooltip: {
        shared: true
    },
    series: [
        {
            name: 'Corn',
            data: [406292, 260000],
            yAxis: 0
        },
        {
            name: 'Wheat',
            data: [51086, 136000],
            yAxis: 0
        },
        {
            name: 'Benchamrk prev year',
            type: "scatter",
            data: [[-.15,1],[.15,3],[.85,4],[1.15,1]],
            yAxis: 1,
        }
    ]
});

期望的共享提示框内容

USA: {对应数值}
USA 去年基准: {对应数值}
China: {对应数值}
China 去年基准: {对应数值}

我用散点图作为去年数据的基准,之前看过2017年Stack Overflow上的相关问题,但该示例未实现悬停时同时选中两类系列点的功能,也不确定插值是否是合适的解决方案,想了解当前有没有更好的处理办法。


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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.16 23:02:47