使用线条(组合系列)的FLOT或FLOTR2烛台

Question

可以在http://jsfiddle.net/amnon/njxd3/1/

上查看该示例

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

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

将绘制

前面创建的线图

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

即评论最后一个$ .plot将显示界限图，而没有注销的内容将显示烛台图。

问题：合并data1，data2，option1，options2的最简单方法是什么，以便可以将两个图表合并到一个显示中？可以用一个$ .plot完成吗？我尝试了不同的变体，但没有成功。

另外，使用FLOTR2提供解决方案（http://jsfiddle.net/amnon/ddth9/）也将有助于

Answer 1

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

关于您的代码，请使用lines:{show: true}选项调用烛台数据的push功能。这是您应该做的：

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

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

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