積み重なった棒と折れ線グラフを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];
ありがとうございます。これはチャーミーのように機能します。それは元のオブジェクトの前にスタックを追加しようとしましたが、 'series:{stack:true}'は明らかに動作しませんでした。:) – Seb