中学受験専門 理科総合研究所 −理総研−
017：jqPlot pointLabelsのnullの誤表示を防ぐ対象言語：JavaScript / jQuery / jqPlot
|
|
| キーワード：JavaScript jQuery jqPlot pointLabels 値 数値 表示 ズレ replot() null データ ポイント | |
理総研Web内ではユーザーの成績や各中学校の塾別合格者数の視認性を高めるために、jQueryのUIグラフプラグインであるjqPlotを利用してグラフの生成をしています。
グラフ内に数値も表記 - pointLabels:{show:true} - するとき、すべてのポイントに数値があるなら何も問題はないのですが、数値に「null（データ無し）」がある場合に次のような誤表示が発動します。国内にも海外にも関連文献が見当たらない、この現象は自分だけなのか...。
|
|
$(document).ready(function() {
// nullを含むデータ
var t0 = [null,92,91,95,92];
var t1 = [null,null,66,57,45];
plot1 = $.jqplot('usergraph', [ t0,t1 ], {
axes: {
// なんかイロイロ
},
legend: {
// なんかイロイロ
},
seriesDefaults: {
pointLabels: { show: true, location: 'e' }
},
series: [
// なんかイロイロ
]
});
// ↓コレ追加するだけ。 //
plot1.replot();
});
|
