可能重复：
JavaScript 图表库
我们正在寻找具有以下功能的 javascript 图表组件：
- 混合折线图和柱形图
- 线图必须是阶梯式的（没有插值）
- 柱形图必须从图表顶部向下增长
- 多值轴
- 缩放和滑动
谢谢！
问问题
714 次
3 回答
0
也看看 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
- 缩放和滑动
支持。用鼠标左键（从左上角到右下角）绘制矩形以放大绘制区域。在另一个方向上绘制矩形以缩小（从右下角到左上角）。使用鼠标右键滚动拖动。
如果您发现其中任何一个问题，请随时告诉我们。
于 2012-09-27T11:19:53.690 回答
0
于 2012-09-26T08:22:09.793 回答
0
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-带有反转值轴的图表/
4）多值轴： http ://amcharts.com/javascript/line-chart-with-multiple-value-axes/
5）缩放和滑动： http ://amcharts.com/javascript/line-chart-with-scroll-and-zoom/
当然，您提到的所有功能都可以组合在一张图表中。
于 2012-09-27T06:06:01.973 回答