Можно ли расположить метки данных Highcharts в зависимости от значения?

Я использую Highcharts для отображения гистограммы с двумя перекрывающимися полосами и метками данных справа от них, отображающими точное значение. .

Проблема здесь в том, что когда значение превышает 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; , но это не работает.

Конечно, я не первый, кто сталкивался с подобной проблемой. Есть идеи?

Спасибо

13
задан 3rgo 26 September 2011 в 14:16
поделиться