É possível posicionar os dados máximos de dados de etiquetas dependendo do valor?
Estou usando o Highcharts para exibir um gráfico de barras, com duas barras sobrepostas e um dataLabels à direita deles, exibindo o valor exat
O problema aqui é que, quando o valor está acima de 80%, o rótulo transborda do gráfico para o quadro, passa por cima de outro texto e torna os dois ilegívei
Aqui estão minhasplotOptions
:
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>";
}
}
}
}
Eu pensei em editar as opções de gráficos em qualquer lugar, usandothis.series.chart.options.plotOptions.bar.dataLabels.x -= 20;
, mas isso não funciona.
Certamente eu não sou o primeiro que encontrou um problema como esse. Qualquer ideia
Obrigad