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

Question

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

它工作正常，但有一些缺点：

• 线条从图表中脱颖而出……我们可以看出我是稍后添加的，而不是在图表本身中；
• 像素是硬编码的，如果我改变图形宽度可能不好（我可能会解决这个问题，但仍然如此）
• 当我突出显示一条线时，我想要一个小工具提示，但由于它是一个简单的矩形，它就坐在那里，根本不是动态的。

将这条线更好地整合到我的图表中，我最好的选择是什么？

谢谢！

Answer 1

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

两件事情：

1）困难的部分将是计算线交叉的位置。如果它们没有在数据点交叉（很可能不会交叉），则需要进行一些猜测，因为您无法从图表中检索到值来告诉您它们交叉的轴值。

2）如果您为这两个系列使用单独的 y 轴，我假设您必须这样做，因为它们是完全不同的单位和比例，那么线条交叉的点将是完全任意且毫无意义的，因为它们交叉的位置将是严格的关于如何设置每个轴的缩放比例的问题，并且这些值彼此之间没有实际的相关性。