高圖：drilldown.js更改餅圖標簽顏色

Question

我正在使用Highcharts開發餅圖。 一切都很好並且可以自定義，直到我開始實現“追溯”功能。

這個附加的JavaScript文件將標簽的顏色更改為＃0D2339。 我的背景幾乎與此顏色相似。

我嘗試更改使用

dataLabels: {
   enabled: true,
   color: 'white'
}

但這並沒有幫助。

Answer 1

下面的表達式將覆蓋的色彩風格dataLabels同時使用drilldown.js

Highcharts.getOptions().drilldown.activeDataLabelStyle.color = 'white';

注意：確保在加載外部庫之后執行以上表達式。

Answer 2

使用十六進制格式的顏色代碼，例如“ #FFFFFF”

dataLabels: {
    enabled: true,
    color: '#FFFFFF'
}

您可以在此處查看演示： http : //jsfiddle.net/a2zm449L/

Answer 3

僅當我們不使用向下鑽取時，dataLabels才有效；如果我們在圖表中使用向下鑽取，則向下鑽取js會覆蓋dataLabels配置。 解決方法是您可以使用以下配置

drilldown: {
          activeAxisLabelStyle: {
            textDecoration: 'none',
            fontStyle: 'regular',
            color:'#ffffff'
          },
    }