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

Question

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

Answer 1

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

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

http://techanjs.org/

Answer 2

我相信jqChart符合您的要求。

• Candlestick Chart Sample; Documentation
• Inverted (Reversed) Axis Scale

Answer 3

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

Answer 4

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