Flot：在一個圖表中結合堆積條形和線條

Question

我正在嘗試在一個FLT圖形中結合堆疊條形和折線圖。

我面臨的問題是，行數據也被堆疊。這意味着第一點（line.data[0]）的數據將繪製爲15，但我希望它是5。

請參見本文的jsfiddle：http://jsfiddle.net/derkinzi/eor5ngjd/

設置stack: null但我需要堆棧時，它的工作原理。也給線條它自己的yaxis不能解決問題。 （將第90行更改爲：yaxis: 2）

如何修改代碼以便line.data get的獨立yaxis獨立繪圖？

基本上我需要這一點，但與堆疊條形：http://jsfiddle.net/derkinzi/eor5ngjd/11/

這是我的數據集：

var stack1 = { 
    label: 'stack1', 
    data: [ 
     [1, 6], 
     [2, 3], 
     [4, 5], 
     [4, 3], 
     [5, 4] 
    ], 
    bars: bar_options 
    }; 
    var stack2 = { 
    label: 'stack2', 
    data: [ 
     [1, 4], 
     [2, 4], 
     [3, 4], 
     [4, 4], 
     [5, 4] 
    ], 
    bars: bar_options 
    }; 
    var line = { 
    label: 'line', 
    data: [ 
     [1, 5], 
     [2, 15], 
     [3, 15], 
     [4, 15], 
     [5, 20] 
    ], 
    lines: line_options, 
    yaxis: 1, 
    points: { 
     radius: 5, 
     show: true 
    }, 
    }; 
    var dataset = [stack1, stack2, line]; 

Answer 1

正如stack plugin介紹，您可以指定每個數據系列stack選項，所以你的情況做到這一點：

var stack1 = { 
    //... 
    stack: true, 
}; 
var stack2 = { 
    //... 
    stack: true, 
}; 
var line = { 
    //... 
    stack: false, 
    //... 
}; 

此外，當您定義多個軸，使用yaxes屬性，正ot yaxis。

Updated fiddle