6
Flotを使用してスタックバーと混在したサイドバーチャートを作成できますか?ここjqplot質問と同様にflot side by sideスタックバー
:jqplot Side by Side Stacked Bar Chart
はサイドの実行によって両方が、片側だけを使用してみましたし、私が並んで無効にした場合、スタックバーが完璧に動作します。オプションにbars
を追加
$(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);
}
は完全に働きました!どうもありがとう。 – HonesTee