Label text displayed underlined at Y-axis in highcharts

Question

I am getting y-axis label text underlined with blue color in iphone for drawing highchart.

Following is my code

  $scope.chartConfig.options.yAxis.splice(dataset.id,0,{
        id: dataset.id,
        lineColor : dataset.pointColor,
        lineWidth : 1,
        title: {
            text: null,
            style: {
               color: dataset.pointColor
            }
        },
        labels: {
            style: {
                color: dataset.pointColor,
                fontSize:'10px'
            },
            useHTML : true,
            formatter: function() {
            if(this.value > 99 || this.value < -99){
                var yAxisValue = parseFloat(this.value);
            var valueStringLength = (yAxisValue).toString().split(".")[0].length;
            var labelValue = (this.value/Math.pow(10, valueStringLength-1)).toFixed(2);
            labelValue = labelValue + "<span>&times;</span>10^"+(valueStringLength-1);
            return labelValue ;
        }else{
            return Math.round(this.value);
        }
    },
    align: 'center',
    x: indexPositive?32:-32
  },
  opposite: indexPositive
});

When I return value from else part of formatter function, I get the Label text underlined and in blue color. I have tried to insert textDecoration: 'none' in style attribute but no effect on it. I tried with other way by adding line Highcharts.Tick.prototype.drilldown = function(){}; in the code but no effect.

I am surprised with the behavior of label text. How internally it is applying style to text?

Please help..

Thanks.

Answer 1

Thanks friends for all your response, however my friend solved this problem by putting following code.

return "<div><span>"+Math.round(this.value)+"</span></div>";

in the place of

return Math.round(this.value);