Highcharts同步图表

时间:2016-10-14 08:00:49

标签: javascript css highcharts

通过显示工具提示,设置悬停状态并通过坐标xData绘制十字线以及行中的图表布局而非列中来突出显示一个点?

http://jsfiddle.net/HappyFX/wt91mbvf/

来自https://stackoverflow.com/a/37565667/4262914的解决方案基于静态图表宽度:

 event.chartX = (event.chartX+600) % 200;

不好的时候:

.chart{
    position: absolute;
    height: 50%;
    width: 50%;
    margin: 0 auto;
}

1 个答案:

答案 0 :(得分:2)

问题是.chart会向光标搜索最近点。实际上已经完成了:第二个图表上的第一个点突出显示。

您可以稍微修改一下:

  • #container上设置活动,而不是{{1}}
  • 找到悬停的图表并检索最近的点
  • 在搜索对应点时将该点位置用作虚假事件

并演示:http://jsfiddle.net/v2t171og/