Highcharts在分頁時不改變x軸標簽

Question

當我開始處理分頁的高圖列時，我發現這個jsfiddle非常有用。 除了這個好例子，我想知道如何將x軸標簽更改為每個數據的相應名稱。 （例如，沿着x軸，我們應該找到'Fred G. Aandahl'，'Watkins Moorman Abbitt'，'Amos Abbott'等的名字及其相應的y值，並且必須在“Next”時相應地改變單擊按鈕。）

我試過在highcharts部分添加“xAxis”選項，但仍然沒有運氣。

  pie = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        xAxis: {
            labels: {
                formatter: function(){
                    return this.value;
                }
             }
        },
        series: [{
            data: []
        }]
    }); 

和

pie = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        xAxis: {
            labels: {
                  format: '{value}'
              }
        },
        series: [{
            data: []
        }]
    });

在這個例子中，有人可以幫助我解決我所缺少的問題嗎？ 非常感謝。

Answer 1

您可以將xAxis的類型設置為category，如果沒有類別數組，則將從該點獲取軸中的值。 但是您需要將setData調用更改為

pie.series [0] .setData（data.slice（from，to），true，true，false）;

xAxis: {
            type: 'category'
        },

示例： http ： //jsfiddle.net/kpxp4/8/

Answer 2

我可以通過添加相應地更改x軸標簽

pie.xAxis[0].update({
    categories: category.slice(from, to)
})

在setData調用之后，其中category是要與每個y軸值對應顯示的所有x軸標簽的數組。 而且，

xAxis: {
        type: 'category'
}

按照@Kacper Madej的建議，部分適用於最初給出的特定數據格式。 但是， pie.xAxis [0] .update（）可以在更一般的意義上使用，因為您知道要使用的x軸標簽數組（無論您擁有何種數據或系列格式）。

這是jsfiddle的鏈接。

希望這也可以提供任何幫助。