我可以用什么工具来创建一个倒轴的HTML5烛台图表?

时间:2012-05-02 12:35:10

标签: javascript html5 charts visualization data-visualization

Google的图表API支持candlestick chart,可以更改X轴上的值 - 即它们是工作日,但可能是其他事情。

但是,据我所知,此图表API不允许您更改“灯芯”的线宽,并且无法反转轴以使0位于顶部(除非您切换到使用所有负值)。

Highcharts有更多full featured candlestick chart并能够反转y轴,但据我所知,必须使用时间戳作为x轴的值。

我可以使用什么工具创建一个Y轴反转的HTML5烛台图表,以及在X轴上设置自定义标签的功能,以及调整“灯芯”厚度的选项?

Google图表示例

http://img801.imageshack.us/img801/6443/picturena.png

Highcharts示例

Picture 1.png http://img823.imageshack.us/img823/371/picture1dls.png

jqChart示例

(这很混乱 - 来源http://jsfiddle.net/FSEQP/

Picture.png http://img62.imageshack.us/img62/8931/pictureys.png

4 个答案:

答案 0 :(得分:8)

我推荐techan.js基于D3js的作者。它是免费的,开源的和互动的。

https://github.com/andredumas/techan.js

http://techanjs.org/

答案 1 :(得分:1)

答案 2 :(得分:0)

尝试amCharts.com - 他们的序列图可以接受categoryAxis的字符串,valueAxes可以反转,也可以调整行粗细。以下是烛台图表示例:http://amcharts.com/javascript/candlestick-chart/

答案 3 :(得分:-4)

我建议SVG创建这样的图表。