Я использую Highcharts для отображения гистограммы с 2 барами, накладывающимися друг на друга, и dataLabels справа от них, отображающими точное значение.
Проблема заключается в том, что, когда значение превышает 80%, метка переполняется из диаграммы в кадр, перебирает какой-то другой текст и делает их нечитаемыми.
Вот мой plotOptions
:
plotOptions: {
bar: {
groupPadding: 0.5,
pointWidth : 30,
borderWidth: 0,
dataLabels: {
enabled: true,
y:-5,
color:"black",
style: {
fontSize: "12px"
},
formatter: function(){
if(this.y > 80)
{
this.series.chart.options.plotOptions.bar.dataLabels.x -= 20;
}
if(this.series.name == "Tests OK")
return "Tests OK : <strong>"+Math.round(this.y*10)/10+"%</strong>";
else
return "<br/>Tests Executed : <strong>"+Math.round(this.y*10)/10+"%</strong>";
}
}
}
}
Я думал, что могу редактировать параметры диаграммы на ходу, используя this.series.chart.options.plotOptions.bar.dataLabels.x -= 20;
, но это не работает.
Конечно, я не первый, кто столкнулся с такой проблемой. Любая идея?
Спасибо