Question

我有这个问题，我想在Highcharts图表上使用共享和自定义格式的工具提示，但同时我希望十字准线能够工作。

x轴没有问题，但在y上，它不跟随指针。

有什么建议吗？

Highcharts.chart('container', {
  chart: {
    type: 'line'
  },

  xAxis: {
    crosshair: true
  },

  yAxis: {
    crosshair: true
  },

  series: [
    {
      data: [1, 2, 3, 4, 5, 6, 7, 8, 9]
    },
    {
      data: [1, 2, 3, 4, 5, 6, 7, 8, 9].reverse()
    }
  ],

  tooltip: {
    shared: true
  }
});

1st JSFiddle example

更新

根据这篇文章发表的评论，我已经更新了这个问题。

现在，我有一些妥协：我在y轴上有两个十字准线（或者，就像我有很多系列项目一样......）

问题是，如果我将轴选项链接到第0个选项，则比例将是错误的。如果我没有（我没有这样的例子，但你可以删除该行并再次运行），这两个系列将处于不同的比例，但由于第二个选项是隐藏的，整个想法只是一团糟。

如果我没有将选项链接到第0项，则十字准线将无法再次使用...

对此有何想法？

Highcharts.chart('container', {
  chart: {
    type: 'line'
  },

  xAxis: {
    crosshair: true
  },

  yAxis: [
    {
      crosshair: true
    },
    {
      linkedTo: 0, // delete me and run again
      crosshair: true,
      visible: false
    }
  ],

  series: [
    {
      yAxis: 0,
      data: [1, 2, 3, 4, 5, 6, 7, 8, 9]
    },
    {
      yAxis: 1,
      data: [1, 2, 3, 4, 5, 6, 7, 8, 9].reverse().map(value => value - 5)
    }
  ],

  tooltip: {
    shared: true
  }
});

2nd JSFiddle example

Answer 1

如果我正确思考，您担心的是负值。因此，对于负值，您可以将min值分配给图表中的yAxis

检查Fiddle演示

  yAxis: [
    {
      crosshair: true,
      min:-10,
    },
    {
        linkedTo: 0, // delete me and run again
      crosshair: true,
      visible: false
    }
  ],

在Highcharts中，共享工具提示会破坏Y轴上的十字准线

1 个答案: