0

ハイチャートを使用して 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
    }
});

助けていただければ幸いです。

4

2 に答える 2