Highcharts xAxis-特定于点的标签位置
有没有办法对xAxis标签进行特定于点的定位 我使用的是瀑布图,对于某些条形图,我希望标签直接显示在条形图下方,如下图所示: 我在xAxis plotOptions中找到了以下代码,但此时我不知道如何访问图表底部的信息Highcharts xAxis-特定于点的标签位置,highcharts,Highcharts,有没有办法对xAxis标签进行特定于点的定位 我使用的是瀑布图,对于某些条形图,我希望标签直接显示在条形图下方,如下图所示: 我在xAxis plotOptions中找到了以下代码,但此时我不知道如何访问图表底部的信息 xAxis: { labels: { y:-100 //label's y position } }, 您可以使用点数据标签来实现以下结果: dataLabels: { crop: false, overflow: 'none
xAxis: {
labels: {
y:-100 //label's y position
}
},
您可以使用点数据标签来实现以下结果:
dataLabels: {
crop: false,
overflow: 'none',
verticalAlign: 'bottom',
format: 'label1',
y: 20
}
现场演示:
API参考:
另一种方法是创建自己的自定义函数来定位xAxis标签,例如:
events: {
load: function() {
var chart = this,
point;
Highcharts.objectEach(chart.xAxis[0].ticks, function(tick) {
if (!tick.isNewLabel) {
point = chart.series[0].points[tick.pos];
tick.label.attr({
y: point.plotY + chart.plotTop + point.shapeArgs.height + 15
})
}
});
}
}
现场演示:非常感谢。我只是想知道isNewLabel属性是什么以及什么时候设置的。这是一个在图形之外看不见的附加记号。它可能是为了避免一些bug而创建的。