0

问题:

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

在下图中,有 3 个系列,通过拖动趋势光标,您可以查看给定时间所有 3 个系列的值。

趋势光标示例

我的环境和预期的方法:

由于具有不同 y 轴范围的多个系列,我计划堆叠折线图(而不是缩放),如果我可以让“趋势光标”同时拖动所有图表,那么它看起来/感觉就像一个控制这个将是理想的。

我正在尝试使用 html5/jquery 等,并针对适用于台式机/平板电脑和移动设备的响应式 UI。但是,如果没有可以在 html/javascript 中轻松配置的内容,我愿意在 aspx 表单上使用 asp.net 控件。

值得注意的是,我有 Infragistics Ignite UI 控件库,他们的支持建议使用不适合我需要的十字准线。我认为可以使用数据图表控件,但是对于 Web 编程和这些产品的新手来说,很难在他们的帮助中找到我需要的信息来帮助他们入门。

所需的主要功能:

  • 垂直线,沿 x 轴拖动
  • 显示垂直与系列相交的值
  • 可以删除鼠标和线条/标签保持不变
  • 多个堆叠系列,如果使用堆叠图表,线条状态一致。
4

1 回答 1

1

你为什么不试试http://d3js.org/ 它有很多功能和一堆教程。

于 2014-02-11T23:24:42.093 回答