2017-07-03 10 views
2

積み重なった棒と折れ線グラフを1つのflotプロットで結合しようとしています。Flot:1つのチャートで積み重なった棒と線を結合する

私が直面している問題は、ラインデータも積み重なることです。つまり、最初のポイント(line.data[0])のデータは15とプロットされますが、それは5となります。

このjsfiddleを参照してください:http://jsfiddle.net/derkinzi/eor5ngjd/

stack: nullを設定するときにそれが動作しますが、私はスタックを必要とします。また、それ自身のyaxisという行を与えても問題は解決しません。 (行90を変更する:yaxis: 2

コードを修正するにはどうすればよいですか?line.data独立したy軸で独立したプロットですか?

基本的に私はこれを必要とするが、積み重ねられたバー付き: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]; 

答えて

1

stack pluginで説明したよう、あなたがそうあなたのケースでは、データ系列ごとにstackオプションを指定することができますまた

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

、あなたが複数の軸を定義するときに、yaxesプロパティを使用し、N:これを行いますo yaxis

Updated fiddle

+0

ありがとうございます。これはチャーミーのように機能します。それは元のオブジェクトの前にスタックを追加しようとしましたが、 'series:{stack:true}'は明らかに動作しませんでした。:) – Seb

関連する問題