Label text underlined on the y axis in tall charts

Question

I get the y-axis label text underlined in blue on iphone for drawing highchart.

Below 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 a value from another part of the function formatter, I get the label text underlined and in blue . I tried to insert textDecoration: 'none'into the style attribute, but did not affect it. I tried in a different way, adding a line Highcharts.Tick.prototype.drilldown = function(){};to the code, but not getting the effect.

I am surprised at the behavior of the label text. How does he apply style to text inside?

Please, help..

Thanks.

Answer 1

, , .

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

return Math.round(this.value);