当两条线在Highcharts中交叉时绘制垂直线

时间:2013-04-15 15:01:18

标签: javascript jquery highcharts

我有一个温度线图,当两个温度(表面温度和露点)交叉时,我想绘制一条红色垂直线。到目前为止,我所做的是在我计算它交叉的地方在我的图形顶部绘制一个垂直矩形。

它运作正常,但有一些缺点:

  • 图表中的线条类型...我们可以告诉我稍后添加它而不是图形本身;
  • 像素是硬编码的,如果我更改图形宽度可能不太好(我可以修复此问题,但仍然如此)
  • 当我突出显示一条线时,我想要一个小工具提示,但由于它是一个简单的矩形,它只是坐在那里而根本不是动态的。

在我的图表中更好地整合这条线的最佳选择是什么?

谢谢!

1 个答案:

答案 0 :(得分:1)

plotLines是绘制线条的最佳方式 - http://api.highcharts.com/highcharts#xAxis.plotLines

两件事:

1)困难的部分将计算线交叉的位置。如果他们没有在数据点交叉(他们很可能不会),则需要进行一些猜测,因为没有值可以从图表中检索出来,告诉你它们交叉的轴值。

2)如果你对这两个系列使用单独的y轴,我认为你必须是因为它们是完全不同的单位和尺度,那么线交叉的点将完全是任意的和毫无意义的,就像它们交叉的地方一样将严格地说明如何设置每个轴的缩放,并且这些值之间没有实际的相关性。