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
一倪的帮助将不胜感激。
谢谢! :-)
谢谢您的回复......然而,CodePen不断崩溃......你能在你方便的检查呢?谢谢 !! :-) – Vincenzo
CodePen适合我,不知道问题可能是什么。 – Raidri
它适用于Chrome ... :-)看起来不错!多谢 !!!我接受了你的答案。谢谢 :-) :-) – Vincenzo