当我使用dataLabel.translate命令更新DataLabels位置工作正常时,但是如果我使用yAxis [i] .update命令,则Highcharts不再移动任何DataLabel。
如果选择“更新数据”,则“数据标签”不会移动,否则它们会正确移动。 fiddle example
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type:'column',
events:
{
load: function(){
for(var j = 0; j < this.series.length; j++) {
for(var i = 0; i < this.series[j].data.length; i++) {
var d = this.series[j].data[i];
d.dataLabel.translate(d.dataLabel.x, d.dataLabel.y-50);
}
}
}
}
},
plotOptions: { series: {dataLabels: {enabled: true} } },
xAxis: {categories: ['Jan', 'Feb', 'Mar', 'Apr']},
yAxis: {max: 100, min:0},
series: [{data: [60, 70, 45, 85]}]} , function(chart){
if(confirm('Update on YAxis?'))
{
chart.yAxis[0].update({
max: 500,
min: 50,
tickInterval: 50
});
}});
任何想法如何仍然更新Yaxis数据和更改DataLabels位置?
答案 0 :(得分:2)
如果将事件从load
更改为render
,则从translate
到attr
以及d.dataLabel.y
到d.dataLabel.alignAttr.y
运行,代码将有效:
events: {
render: function() {
for (var j = 0; j < this.series.length; j++) {
for (var i = 0; i < this.series[j].data.length; i++) {
var d = this.series[j].data[i];
d.dataLabel.attr({
y: d.dataLabel.alignAttr.y - 50
});
}
}
}
}
},
现场演示: http://jsfiddle.net/BlackLabel/LL4z4eL5/
顺便说一下,使用dataLabels.y
属性:http://jsfiddle.net/BlackLabel/tpor20xa/