2016-12-06 45 views
0

全部,将对象阵列传递到FLOT

我正在使用FLOT,并且正在尝试在同一图上组合一对情节。第一个图是“水平堆叠酒吧”类型,第二个是“花园多样”的时变量...

我可以单独显示两个图,但我无法将它们合并.. 。

请注意,这两个图共享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); 

第二绘图

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

一倪的帮助将不胜感激。

谢谢! :-)

回答

0

多点:

  • data1已经是一系列的数据对象的数组,它不能是data属性另一数据系列
  • DATA2已经是一个阵列,无需额外括号
  • 一些问题的选项(每个数据系列和一般),看到固定码
  • 调用plot()不支持多个数据系列在你的代码,给数据系列组成的数组的Econd参数和选项,第三个参数

固定CodePen:http://codepen.io/anon/pen/vyjYNo

+0

谢谢您的回复......然而,CodePen不断崩溃......你能在你方便的检查呢?谢谢 !! :-) – Vincenzo

+0

CodePen适合我,不知道问题可能是什么。 – Raidri

+0

它适用于Chrome ... :-)看起来不错!多谢 !!!我接受了你的答案。谢谢 :-) :-) – Vincenzo