Highcharts同步图表以在snap为false时显示十字准线

时间:2018-01-23 23:49:07

标签: javascript charts highcharts

我注意到在同步图表示例中:http://www.example.com

如果xAxis.crosshair.snap设置为false,则不再显示十字准线。有没有办法使十字准线显示即使按钮没有打开?我需要这个的原因是因为我有一个案例,其中一个图表可能没有其他图表可能的数据点,但我仍然需要同步十字准线来覆盖空白区域。它似乎适用于这个小提琴,但我无法确定原因:

https://www.highcharts.com/demo/synchronized-charts

 xAxis: {
    type: 'datetime',
    crosshair: {
      zIndex: 4,
      snap: false
    },
    events: {
      setExtremes: syncExtremes
    },
  },

谢谢!

1 个答案:

答案 0 :(得分:1)

默认情况下,十字准线位置取自点位置。如果禁用快照,则十字准线不存在点。我们需要改进一下演示:

替换:

    if (point) {
        point.highlight(e);
    }

使用:

    if (point) {
        point.highlight(chart.pointer.normalize(e));
    }

并且可以正常工作:http://jsfiddle.net/BlackLabel/8ktor0f1/1/