删除highcharts数据标签上的阴影/背景发光？

Question

如果你看看我的http://jsfiddle.net/WOUNDEDStevenJones/oe1vcmqj/1/，图表上的红色标签上有微妙的白色光晕（至少在Chrome和FF中）。我如何去除白光？或者最坏的情况下，至少将颜色改为蓝色，以便混合？

我使用shadow，backgroundColor和其他属性从他们的API（http://api.highcharts.com/highcharts#plotOptions.column.dataLabels）尝试过，但无法弄清是怎么定义的红色文字背后的光芒。

plotOptions: { 
     columnrange: { 
      dataLabels: { 
       enabled: true, 
       color: 'red', 
       inside: false, 
       xHigh: -45, 
       xLow: -9999999, 
       shadow: "#ff0000", 
       formatter: function() { 
        if (this.point.high) { 
         var myDate = new Date(this.y); 
         var newDateMs = Date.UTC(myDate.getUTCFullYear(),myDate.getUTCMonth(),myDate.getUTCDate()); 
         return '<b>' + Highcharts.dateFormat('%m/%e',newDateMs) + '</b>'; 
        } else { 
         return null; 
        } 
       } 
      } 
     } 
    } 

Answer 1

设置dataLabels.styles.textShadow到false。

plotOptions: { 
     columnrange: { 
      dataLabels: { 
       enabled: true, 
       color: 'red', 
       style: { 
        textShadow: false 
       } 
      } 
     } 
    }, 

演示：http://jsfiddle.net/oe1vcmqj/2/

编辑：

由于Highcharts 5.0.3，属性名是textOutline。

plotOptions: { 
     columnrange: { 
      dataLabels: { 
       enabled: true, 
       color: 'red', 
       style: { 
        textOutline: false 
       } 
      } 
     } 
    }, 

演示：http://jsfiddle.net/oe1vcmqj/49/

Answer 2

使用text-shadow:none !important;的标签tspan

CSS

tspan{ 
    text-decoration:none; 
    text-shadow:none !important; 
} 

FIDDLE DEMO