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
相关产品推荐
相关产品推荐

