Flotr或Flotr2 CandleStick with Lines（组合系列）

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

An example from the plugin page显示了如何组合多个图表。

关于您的代码，请使用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);