刪除highcharts數據標籤上的陰影/背景發光？

如果你看看我的http://jsfiddle.net/WOUNDEDStevenJones/oe1vcmqj/1/，圖表上的紅色標籤上有微妙的白色光暈（至少在Chrome和FF中）。我如何去除白光？或者最壞的情況下，至少將顏色改爲藍色，以便混合？刪除highcharts數據標籤上的陰影/背景發光？

我使用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; 
        } 
       } 
      } 
     } 
    }

來源

2015-03-13 WOUNDEDStevenJones

試文字陰影：無; – Math3w 2015-03-13 06:07:47

設置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/

來源

2015-03-13 09:33:25

我遇到了同樣的問題，並發現演示提琴仍然有白色的光芒背後數據標籤。類似的問題也可以在http://jsfiddle.net/2qrybqgn/找到。也許事情在高層圖5中發生了變化？ – 2016-11-21 10:21:20

你說得對。該名稱剛剛更改（5.0.3-> changelog），請參閱上面的編輯。謝謝！ – 2016-11-21 13:23:32

感謝您更新此 – 2017-08-09 20:40:53

使用text-shadow:none !important;的標籤tspan

CSS

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

FIDDLE DEMO

來源

2015-03-13 06:08:07

這是一個有效的解決方案，但我認爲有人低估了它，因爲它不是一個Highcharts解決方案，並且使用'！important'通常會被忽略（意味着可能有更好的方法來完成此操作，而不是'！important'不是一個有用的選項） – WOUNDEDStevenJones 2015-03-13 20:55:39

@WOUNDEDStevenJones！重要的是作爲CSS屬性添加，以便在必要時使用它，因爲只在特定頁面中使用高哈特或圖表，並且tspan不被一般使用，！重要的用法在此處有效.. !!有些人只要他們看到就投票！很重要。 – 2015-03-14 03:08:11

我知道，我跟你在一起。我只是評論，所以其他人看到這個問題意識到，這仍然有效，是一個有效的選擇，即使通過某人downvoted這個答案爲一個未知的原因 – WOUNDEDStevenJones 2015-03-17 15:11:08

刪除highcharts數據標籤上的陰影/背景發光？

回答

相關問題