Javascript 带趋势光标的折线图的JQuery控件（带值的x轴线叠加）

问题：

我希望在html/javascript/jquery中创建一个折线图，以类似于我使用的Citect软件中的这个旧图表控件的方式显示数据。基本上是一个折线图，带有选定x轴值的当前y轴值的工具提示。在Citect软件中，他们将此垂直线的值称为趋势光标

在下图中有3个系列，通过拖动趋势光标，可以看到给定时间内所有3个系列的值

我的环境和预期方法：

由于多个系列具有不同的y轴范围，我正在计划堆叠折线图（而不是缩放），如果我可以让“趋势光标”同时拖动所有图表，使其看起来/感觉像一个控件，这将是理想的

我正在尝试使用html5/jquery等，目标是为台式机/平板电脑和移动设备提供一个响应迅速的用户界面。但是，如果在html/javascript中没有可以轻松配置的内容，我愿意在aspx表单上使用asp.net控件

值得注意的是，我有Infrastics Ignite UI控件库，他们的支持建议使用不适合我需要的十字线。我认为使用数据图表控件是可能的，但由于对web编程和这些产品还不熟悉，因此很难在他们的帮助中找到入门所需的信息

所需的关键功能：

• 垂直线，沿x轴拖动
• 显示垂直与系列相交的值
• 可以移除鼠标，线条/标签保持不变
• 多个堆叠系列，如果使用堆叠图表，线条状态一致
你为什么不试试

---

它有很多功能和一系列教程。
谢谢你的想法。我已经看过了，但看不出我将如何实现一个折线图，其中可拖动的垂直线重叠显示其相交处对应的序列y值。如果您能解释这些步骤，或者更好地用JSFIDLE展示一个示例，我将接受这个答案。