[英]Flot multiple stacked series in one chart
是否可以将两个单独的数据变量分别堆叠在同一张图表上? 因此,例如,我的第一个数据变量具有3个堆叠序列,而我的第二个数据变量具有2个不同的堆叠序列。 我可以将它们放在同一张图表中,但独立堆叠吗?
不确定我是否完全理解,但是如果您要两组堆栈,只需将它们在x轴上分开即可:
var d1 = [];
for (var i = 0; i <= 10; i += 1) {
d1.push([i, parseInt(Math.random() * 30)]);
}
var d2 = [];
for (i = 0; i <= 10; i += 1) {
d2.push([i, parseInt(Math.random() * 30)]);
}
var d3 = [];
for (i = 0; i <= 10; i += 1) {
d3.push([i, parseInt(Math.random() * 30)]);
}
// d1, d2, d3 run 0 to 10
// d4, d5, 12 to 20
var d4 = [];
for (i = 12; i <= 20; i += 1) {
d4.push([i, parseInt(Math.random() * 30)]);
}
var d5 = [];
for (i = 12; i <= 20; i += 1) {
d5.push([i, parseInt(Math.random() * 30)]);
}
产生( 此处为示例):
编辑评论
如果要按正方向堆叠某些序列,而按负方向堆叠其他序列,请为每个堆叠组提供唯一的stack
变量值。
var d1 = [];
for (var i = 0; i <= 10; i += 1) {
d1.push([i, parseInt(Math.random() * 30)]);
}
d1 = {data: d1, stack: 1}; // specifiy a unique stack for pos
var d2 = [];
for (i = 0; i <= 10; i += 1) {
d2.push([i, parseInt(Math.random() * 30)]);
}
d2 = {data: d2, stack: 1}; // specifiy a unique stack for pos
var d3 = [];
for (i = 0; i <= 10; i += 1) {
d3.push([i, parseInt(Math.random() * 30)]);
}
d3 = {data: d3, stack: 1}; // specifiy a unique stack for pos
var d4 = [];
for (i = 0; i <= 10; i += 1) {
d4.push([i, parseInt(-Math.random() * 30)]);
}
d4 = {data: d4, stack: 2}; // specifiy a unique stack for neg
var d5 = [];
for (i = 0; i <= 10; i += 1) {
d5.push([i, parseInt(-Math.random() * 30)]);
}
d5 = {data: d5, stack: 2}; // specifiy a unique stack for neg
更新示例 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.