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

Posted 2021-05-05

我正在使用Highcharts开发一个饼图。在我开始实施“向下钻取”功能之前，一切都很好并且是自定义的。

此附加javascript文件正在将颜色更改为标签的＃0D2339。我的背景几乎与这种颜色相似。

我尝试改变使用

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

但这没有帮助。

答案

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

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

注意：确保在加载外部库后执行上面的表达式。

另一答案

使用十六进制格式的颜色代码，如'#FFFFFF'

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

你可以在这里查看演示：http://jsfiddle.net/a2zm449L/

另一答案

dataLabels只有在我们不使用向下钻取时才有效，如果我们在图表中使用向下钻取，则向下钻取js会覆盖dataLabels配置。解决方案是您可以使用以下配置

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