オブジェクトの配列をFLOTに渡す

Question

すべて、

私はFLOTを使用していますが、私は同じ図でいくつかのプロットを組み合わせようとしています。最初のプロットは「水平積みバー」タイプで、2番目のプロットは時間的に変化する「ガーデン・バリエーション」です。

2つのプロットを個別に表示できますが、組み合わせることはできません。

両方のプロットがx軸を共有していることに注意してください。

まずプロット

var min = -10; 
var data1 = [ 
       { "data": [[ 2, min]], "color": 1}, 
       { "data": [[ 3, min]], "color": 0}, 
       { "data": [[ 1, min]], "color": 1}, 
       { "data": [[ 8, min]], "color": 2}, 
       { "data": [[ 6, min]], "color": 1} 
      ]; 
var options1 = { 
    series: { 
     stack: true, 
     lines: {show: false, steps: false }, 
     bars: {show: true, horizontal:true, width: 1} 
    }, 
    yaxis: { 
     min: min, 
     max: 20 
    } 
}; 
$.plot("#placeholder1", data1, options1); 

2番目のプロット

var data2 = []; 
var t = []; 
var i = 0; 
for (var tt = 0; tt <= 20; tt += 1) { 
    data2.push([i, Math.exp(-tt/10.)*9*Math.cos(2.0*Math.PI*0.1*tt)+9]); 
    t.push(tt); 
    i++; 
} 
var options2 = { 
    series: { 
     lines: { 
      show: true 
     } 
    }, 
    yaxis: { 
     min: min, 
     max: 20 
    } 
}; 

$.plot("#placeholder2", [data2], options2); 

両方のプロットここ

var obj1 = { 
    data: data1, 
    series: { 
     stack: true, 
     lines: {show: false, steps: false }, 
     bars: {show: true, horizontal:true, width: 1} 
    } 
}; 

var obj2 = { 
    data: [data2], 
    series: { 
     lines: { 
      show: true 
     } 
    }, 
    yaxis: { 
     min: min, 
     max: 20 
    } 
} 
$.plot("#placeholder3", obj1, obj2); 

参照してください。ペンを表示しようとすると失敗しました：http://codepen.io/vpappano/pen/BQrgRQ

Aをnyの助けは大いに評価されるでしょう。

ありがとうございました！ :-)

Answer 1

複数のポイント：

• data1既にデータ系列オブジェクトの配列であり、それはdataプロパティことができない別のデータ系列の
• DATA2は既にアレイ、余分が不要ですカッコ
• （データ系列と一般あたり）オプションを使用して、いくつかの問題、sとデータ系列の配列を与え、plot()への呼び出しは、あなたのコードのように複数のデータ系列をサポートしていません
• 固定コードを参照してくださいecondパラメータと三番目のパラメータなどのオプションCodePen固定

：http://codepen.io/anon/pen/vyjYNo