具有复杂功能的javascript / html图表组件

Question

  

可能重复：
  JavaScript Chart Library

我们正在寻找具有以下功能的javascript图表组件：

• 混合折线图和柱状图
• 线图必须步进（无插值）
• 柱形图必须从图表顶部向下增长
• 多值轴
• 缩放和滑动

谢谢！

Answer 1

检查 - http://www.jqchart.com/

Answer 2

amcharts.com支持所有这些功能： 1）混合线图和柱形图： http://amcharts.com/javascript/column-and-line-chart-mix/

2）阶梯线图： http://amcharts.com/javascript/step-line-chart/

3）我没有顶部列的示例，但是amcharts也支持反转值轴，因此您可以通过在此示例中将图形类型更改为“列”来简单地使用此示例： http://amcharts.com/javascript/line-chart-with-reversed-value-axis/

4）多个值轴： http://amcharts.com/javascript/line-chart-with-multiple-value-axes/

5）缩放和滑动： http://amcharts.com/javascript/line-chart-with-scroll-and-zoom/

当然，您提到的所有功能都可以组合在一个图表中。

Answer 3

看看TeeChart Javascript。

在此处下载：http://www.steema.com/download/html5

在此处查找在线演示： http://www.steema.com/files/public/teechart/html5/v2012.06.1.1/demos/

  

  
• 混合折线图和柱状图
  

<强>支持的即可。只需添加系列和一些值。

  

  
• 线图必须步进（无插值）
  

<强>支持的即可。 Line系列可以平滑，但默认情况下不是： http://www.steema.com/files/public/teechart/html5/v2012.06.1.1/demos/series/line/linepoint.htm

  

  
• 柱形图必须从图表顶部向下增长
  

<强>支持的即可。您只需反转左轴即可。在以下示例中，有一个复选框： http://www.steema.com/files/public/teechart/html5/v2012.06.1.1/demos/series/bar/bar.htm

  

  
• 多值轴
  

<强>支持的即可。在这里找到一个例子： http://www.steema.com/files/public/teechart/html5/v2012.06.1.1/demos/axes/multiple_axes.htm

  

  
• 缩放和滑动
  

<强>支持的即可。使用鼠标左键（从左上角到右下角）绘制矩形以放大绘制区域。在另一个方向上绘制矩形以缩小（从右下角到左上角）。用鼠标右键滚动。

如果您发现任何问题，请随时告诉我们。