是否可以使用Flot同时制作并列条形图和堆叠条形图?
与此jqplot问题类似: jqplot并列堆叠柱状图 我尝试了两种方法,但只有一个并列的运行,如果禁用并列,则堆积柱会完美工作。
图片将类似于:http://peltiertech.com/Utility/pix/clusterstackchart.png 我编写的示例代码为:http://jsfiddle.net/WAGbt/(注释掉order:X属性,您会看到它们切换)
与此jqplot问题类似: jqplot并列堆叠柱状图 我尝试了两种方法,但只有一个并列的运行,如果禁用并列,则堆积柱会完美工作。
图片将类似于:http://peltiertech.com/Utility/pix/clusterstackchart.png 我编写的示例代码为:http://jsfiddle.net/WAGbt/(注释掉order: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);
}