Highcharts在分页时不更改x轴标签

Highcharts在分页时不更改x轴标签,highcharts,pagination,Highcharts,Pagination,当我开始处理分页的highchart列时,我发现这非常有用。在这个好例子的基础上,我想知道如何将x轴标签更改为每个数据的对应名称。(例如,沿着x轴,我们应该找到“Fred G.Aandahl”、“Watkins Moorman Abbitt”、“Amos Abbott”等的名称及其相应的y值,并且在单击“下一步”按钮时必须相应更改。) 我曾尝试在highcharts部分添加“xAxis”选项,但仍然没有成功 pie = new Highcharts.Chart({ chart

当我开始处理分页的highchart列时,我发现这非常有用。在这个好例子的基础上,我想知道如何将x轴标签更改为每个数据的对应名称。(例如,沿着x轴,我们应该找到“Fred G.Aandahl”、“Watkins Moorman Abbitt”、“Amos Abbott”等的名称及其相应的y值,并且在单击“下一步”按钮时必须相应更改。)

我曾尝试在highcharts部分添加“xAxis”选项,但仍然没有成功

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


有人能帮我解释一下我在这个例子中遗漏了什么吗?非常感谢。

您可以将xAxis的类型设置为类别,如果没有类别数组,则轴中的值将从该点获取。但您需要将setData调用更改为

pie.series[0].setData(data.slice(from,to),true,true,false)

xAxis: {
            type: 'category'
        },

示例:

我可以通过添加

pie.xAxis[0].update({
    categories: category.slice(from, to)
})
在setData调用之后,其中category是要与每个y轴值对应显示的所有x轴标签的数组。此外,

xAxis: {
        type: 'category'
}
正如@Kacper Madej所建议的,该部分适用于最初给定的特定数据格式。但是,如果您知道要使用的x轴标签数组(无论数据或序列格式如何),则可以在更一般的意义上使用pie.xAxis[0].update()

这里是链接到


希望这也能有所帮助。

谢谢@Kacper!它适用于这个例子。但是如果我有一个单独的类别数组,我想放在x轴上,而不使用点的值,该怎么办?示例:。我尝试在setData调用后添加pie.xAxis[0].update()。我得到了正确的x轴标签,但它重复了5次。我不知道为什么。你知道为什么会发生这种情况和/或如何预防吗@Kacper Madej这里是
xAxis: {
        type: 'category'
}