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的链接。

希望这也可以提供任何帮助。