Question

我在iphone中用蓝色下划线标出y轴标签文字以绘制高图。

以下是我的代码

  $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
});

当我从formatter函数的else部分返回值时，我得到标签文字带下划线并且为蓝色。我试图在样式属性中插入textDecoration: 'none'但对它没有影响。我通过在代码中添加行Highcharts.Tick.prototype.drilldown = function(){};以其他方式尝试但没有效果。

我对标签文字的行为感到惊讶。内部如何将样式应用于文本？

请帮助..

感谢。

Answer 1

感谢各位朋友的回复，但是我的朋友通过下面的代码解决了这个问题。

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

代替

return Math.round(this.value);

标签文本在高位图中以Y轴下划线显示

1 个答案: