javascript - 带线条的 Flot 或 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);