如何在Highcharts / Highstock上显示x轴上的十字准线选择值和y轴上的选定日期？

Question

我正在研究这个项目，其中包括在交互式图表上显示历史数据。我得出结论，Highcharts / Highstock是最好的选择，因为它提供了最多的定制选项。我想要实现的是，当我将鼠标悬停在一个点上时，分别在x轴和y轴上显示所选值及其相应日期，这对于我悬停在的每个点都是如此。我希望图表具有与Yahoo图表类似的布局：

从上图中可以看出，无论我悬停在什么位置，十字准线都会相应移动，并在x轴上显示所选点的日期，在y轴上显示价格，如果我向左移动，日期标签也会向左移动，同样会转到y轴上的价格标签，该标签根据显示“关闭的图表趋势上下移动“目前的股票。我一直在研究如何通过文档查看并通过论坛挖掘我的方式，我还没有找到任何解决方案。我差一点就找到了这个小提琴：

• http://jsfiddle.net/r7fdh/

然而，这个小提琴使用event.PageY和event.PageX而不是库附带的默认十字准线。除此之外，它还显示了整个价格范围，例如：我只有6个数据点，如果我将鼠标悬停在这些点上，则十字准线显示的内容远远超过它，基本上是整个y轴。如果我离开图表范围，它仍将显示不正确的数据（负数）。

我知道这是可能的，因为我通过查看源代码找到了一个用highcharts / highstock生成的图表，它与雅虎图表的设计略有不同。这是图表：

上图中的黑色水平线（黑色矩形y轴[127.62]）是使用插件创建的：

• http://jsfiddle.net/RolandBanguiran/nf7ne/

是否有任何选项可以生成如上图所示的十字准线标签？有文件吗？也许是插件？我对任何建议持开放态度，并提前感谢所有人提供的任何帮助。国王问候!!