ハイチャートを使用して 1 か月以上のデータを表示しているので、1 データ ポイントから 31 データ ポイントまでの任意の場所に表示できます (jQuery Datepicker ウィジェットを使用して日付を選択しています)。私の問題はx軸にあります。2 ~ 7 個のデータ ポイントを表示する場合、x 軸は自動的に調整を試みます。これはレンダリングされるデータ ポイントが多いほど正常に機能しますが、前述のようにデータ ポイントが少ない場合は問題があります。
私は自分の運命を示すスクリーンショットをいくつかキャプチャし、JSFiddle を作成しました。チャートに合わせる必要がある特定のサイズがあり、JSfiddle で同じサイズを使用しました。
私が理想的に望むのは、x 軸が月の 1 日に開始され (または前月末に開始されないように)、問題の重複を回避することです。ハイチャートがx軸に表示されるものとその間隔を「自動的に」計算する方法を制御する、見落としている設定であることを願っています。ティック間隔の設定があることは知っていますが、私の状況ではうまくいきませんでした。
画像: http://i.imgur.com/p0bQg6U.png
JSFiddle: http://jsfiddle.net/engemasa/sgKcB/
ハイチャートのコードは次のとおりです。
$('.chart').highcharts({
chart: {
type: 'column'
},
xAxis: {
labels: {
enabled: true,
formatter: function() {
return Highcharts.dateFormat("%b %e, '%y", this.value);
}
}
},
title: {
text: null
},
tooltip: {
formatter: function() {
var date = '<b>' + Highcharts.dateFormat('%A, %b %e, %Y', this.x) + '</b><br />';
return date + this.y;
}
},
yAxis: {
labels: {
enabled: true
}
},
credits: {
enabled: false
}
});
助けていただければ幸いです。