jQueryチャートプラグインFlotを使って積み上げ棒グラフを作成しようとしています。積み重ね棒グラフの白い隙間
[{"label"： "Uncategorized"、 "data"：[[1309374000000、 "3448876"]、[1309377600000、 "3352757"]のデータは、
ここで起きているのと同じ問題だと思われますが、回答は投稿されていません。 http://groups.google.com/group/flot-graphs/browse_thread/thread/c6445ff7dce59ea0/e996979c40bc3f6b?show_docid=e996979c40bc3f6b
誰かがこのエラーを見たり、どこを見ているのですか？
スタッキングの最も基本的な例を過ぎても、重大な問題があるようです。
私は幸運なしにシリーズを逆転しようとしました。すべてのデータは日付でソートされ、日付はシリーズ間で対応します。
http://rpbailey.net/flotError.PNG
編集：私のFLOTオプション... 2つのチャートは、第二（下）1を見て、作成されています。
//get the date format
strTimeFormat = "%y/%m/%d";
if(strOb == 'Hour'){ strTimeFormat = "%y/%m/%d %H"; arrMinTick = [1, 'hour']; intBar = 1000000}
if(strOb == 'Day'){ strTimeFormat = "%y/%m/%d"; arrMinTick = [1, 'day']; intBar =100000000}
if(strOb == 'Month' | strOb == 'Quarter'){ strTimeFormat = "%y/%m"; arrMinTick = [1, 'month'];intBar = 3000000000}
objOptions = {
colors:[ '#dddddd','#00ff00','#ffff00','#ff0000']
,series:{points:{show:true},lines:{show:true},stack:0}
,xaxis: { mode: "time", timeformat: strTimeFormat, minTickSize: arrMinTick }
}
objOptions2 = {
series:{bars:{show:true, barWidth: intBar}, stack:-1000000}
,xaxis: { mode: "time", timeformat: strTimeFormat }
}
if(mode == 'percentage'){
objYaxes = { yaxis:{
alignTicksWithAxis: 1
,position: 'right'
,tickFormatter: function(label, series){ return label +"%"; }
}};
//add on th yaxes options.
objOptions = jQuery.extend(objOptions, objYaxes);
objOptions2 = jQuery.extend(objOptions2, objYaxes);
console.log(objOptions);
}
//top chart
jQuery.getJSON('includes/webRepFunctions.php', {chart:'risk',start:strStart,stop:strStop,ob:strOb,metric:mode}, function(data) {
jQuery.plot(jQuery("#flot1"),data,objOptions);
});
//bottom chart
jQuery.getJSON('includes/webRepFunctions.php', {chart:'cat',start:strStart,stop:strStop,ob:strOb,metric:mode}, function(data) {
jQuery.plot(jQuery("#flot2"),data,objOptions2);
});
}
編集2：いくつかのより多くのサンプルデータ...
[{"label":"Uncategorized","data":[[1309374000000,"3448876"],[1309377600000,"3352757"],[1309381200000,"2897092"],[1309384800000,"2747047"],[1309388400000,"2693610"],[1309392000000,"2511211"],......[1310097600000,"1404290"]],"yaxis":1},{"label":"Categorized","data":[[1309374000000,"1371941"],[1309377600000,"1273494"],[1309381200000,"1505119"],[1309384800000,"1463382"],[1309388400000,"1316429"],[1309392000000,"1201810"],......[1310097600000,"611780"]],"yaxis":1}]
実際のページを表示できますか？ –
Flotに設定したオプションのソースコードもご覧ください。 –
データサンプルを入手できますか？積み重ねられたグラフには、特定の系列の組み合わせにいくつかの問題があります。 –