Flot: kombinieren Sie gestapelte Balken und Linie in einem Diagramm

Question

Ich versuche, gestapelte Balken und ein Liniendiagramm in einem Flot-Plot zu kombinieren.

Das Problem, mit dem ich konfrontiert bin, ist, dass die Zeilendaten auch gestapelt werden. Das bedeutet, dass die Daten für den ersten Punkt (line.data[0]) als 15 gezeichnet werden, aber ich möchte, dass es 5 ist.

Sehen Sie bitte diesen jsfiddle: http://jsfiddle.net/derkinzi/eor5ngjd/

Es funktioniert, wenn stack: null Einstellung, aber ich brauche die Stapel. Wenn man der Linie auch ihre eigene Yaxis gibt, löst man das Problem nicht. (Linie 90 ändern in: yaxis: 2)

Wie kann ich den Code so ändern, line.data bekommen es ist unabhängig Plotten mit einer unabhängigen yaxis?

Grundsätzlich muss ich dies aber mit gestapelten Balken: http://jsfiddle.net/derkinzi/eor5ngjd/11/

Das ist mein Daten-Set:

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

Wie im stack plugin beschreibt, können Sie die stack Option pro Datenreihe angeben können, so in Ihrem Fall Dazu:

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

auch wenn Sie mehrere Achsen zu definieren, verwenden Sie die yaxes Eigenschaft, n yaxis.

Updated fiddle