带线条的Flotr2 CandleStick (组合系列)

Question

该示例可在http://jsfiddle.net/amnon/njXD3/1/上查看。

在上面的简短示例中，绘制烛台的代码：

var p2 = $.plot($("#placeholder"), data2, options2);

将绘制先前创建的线条图。

var p1 = $.plot($("#placeholder"), data1, options1);

也就是说，注释掉最后一个$.plot将显示线状图，而不加注释则会显示烛台图。

问题是:将data1、data2、options1、options2合并的最简单方法是将两个图表合并到一个显示器中？它能用一个$.plot来完成吗？我试过不同的变体，但没有成功。

另外，提供一个使用flotr2的解决方案(例如在http://jsfiddle.net/amnon/dDth9/)也会有所帮助。

Answer 1

插件页面中的一个示例展示了如何组合几个图表。

至于您的代码，使用push选项调用烛台数据的lines:{show: true}函数。以下是你应该做的事情：

var data2 = $.plot.candlestick.createCandlestick({data:dt,candlestick:{show:true,lineWidth:lw}});

data2.push({ data: prices1, lines:{show: true}, points:{show:true}});

然后使用上面代码中的data2和options2

var p = $.plot($("#placeholder"), data2, options2);