HIGHCHARTS: drilldown.js更改饼图标签颜色

Question

我正在使用Highcharts开发一个饼图。在我开始实现Drilldown功能之前，一切都很好并且是定制的。

这个额外的JavaScript文件将标签的颜色更改为#0D2339。我的背景几乎和这个颜色很相似。

我尝试使用以下命令进行更改

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

但这并没有帮助。

Answer 1

使用drilldown.js时，以下表达式将覆盖dataLabels的颜色样式

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'
          },
    }