Highcharts X軸標簽自動分組

Question

我正在使用highcharts來顯示數據超過一個月的時間，因此它可能會顯示1數據點到31數據點之間的任何位置（我正在使用jQuery Datepicker小部件選擇日期）。 我的問題是x軸。 當查看2到7個數據點時，x軸會自動嘗試進行自我調整，這樣可以在呈現更多數據點時正常工作，但是如前所述，當數據點減少時，就會出現問題。

我已經捕獲了一些顯示我的困境的屏幕截圖，並創建了一個JSFiddle。 我確實有一個特定的大小，需要適合圖表，並且在JSfiddle中使用了相同的大小。

我理想地希望x軸從每月的第一天開始（或者最好不要從上個月的月底開始），並避免出現重疊的問題。 我希望這是一個我忽略的設置，它控制高圖“自動”計算在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
    }
});

非常感謝您的協助！

Answer 1

解決方案似乎是Highcharts的datetime xAxis和dateTimeLabelFormats選項。 例如： http : //jsfiddle.net/sgKcB/26

    xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
            day: "%b %e, '%y",
            week: "%b %e, '%y"
        }
    },

Answer 2

您可以使用tickPositioner參數，該參數允許您使用自己的函數。 您可以計算並返回正確的價格變動順序。

http://api.highcharts.com/highstock#xAxis.tickPositioner