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