是否可以使用 Flot 将并排条形图与堆叠条形图混合在一起?
类似于这里的 jqplot 问题:jqplot Side by Side Stacked Bar Chart
尝试同时使用,但只有一个并排运行,如果我并排禁用,堆叠条可以完美运行。
图片将类似于: http: //peltiertech.com/Utility/pix/clusterstackchart.png
我写的示例代码是:http: //jsfiddle.net/WAGbt/(注释掉顺序:X 属性,你会看到它们切换)
$(document).ready(function ()
{
DrawChart();
});
function GenerateSeries(added)
{
var data = [];
var start = 100 + added;
var end = 500 + added;
for (i = 1; i <= 20; i++)
{
var d = Math.floor(Math.random() * (end - start + 1) + start);
data.push([i, d]);
start++;
end++;
}
return data;
}
function DrawChart()
{
var dataa = GenerateSeries(100);
var datab = GenerateSeries(100);
var datac = GenerateSeries(100);
var ds = new Array();
var data =
[
{
label: "data1",
data: dataa,
bars:
{
show: true,
barWidth: 0.2,
order: 1,
lineWidth: 2
}
},
{
label: "data2",
data: datab,
bars:
{
show: true,
barWidth: 0.2,
order: 2,
lineWidth: 2
}
},
{
label: "data3",
data: datac,
bars:
{
show: true,
barWidth: 0.2,
order: 3,
lineWidth: 2
}
}
];
var options = {
series: {
stack: true
},
xaxis: {
},
grid: {
backgroundColor: { colors: ["#FFF", "#FFF"] }
}
};
var plot = $.plot($("#placeholder"), data, options);
}