相关疑难解决方法(0)

我正在使用Highcharts来显示一个条形图,其中2个条形图相互重叠,右边有一个dataLabel,显示确切的值.

这里的问题是当值超过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;,但这不起作用.

当然,我不是第一个遇到类似问题的人.任何的想法 ？

谢谢