Highcharts 9.3.3版本Drilldown钻取返回按钮主题样式失效问题

这是Highcharts 9.3.3版本的兼容性问题，并非你的配置有误。

原因说明 #

在Highcharts 9.x系列早期版本中，drillUpButton.theme配置项并未被完全支持，该配置是在后续版本（如v10及以上）中才正式引入并稳定生效的。你当前使用的9.3.3版本无法识别该配置字段，因此样式设置不生效，而相同配置在最新版本中能正常工作也印证了这一点。

9.3.3版本的替代解决方案 #

若无法升级版本，可通过以下两种方式自定义钻取返回按钮样式：

1. CSS类直接覆盖样式
   钻取返回按钮默认带有highcharts-drillup-button类，可通过CSS强制修改样式：

.highcharts-drillup-button {
    fill: white !important;
    stroke: silver !important;
    stroke-width: 1 !important;
    border-radius: 0 !important;
}
.highcharts-drillup-button:hover {
    fill: #a4edba !important;
}
.highcharts-drillup-button:active {
    stroke: #039 !important;
    fill: #a4edba !important;
}

2. API动态修改按钮属性
   在图表加载或钻取事件中，获取按钮元素并修改其属性：

chart: {
    events: {
        drilldown: function() {
            const drillUpBtn = this.drillUpButton;
            if (drillUpBtn) {
                drillUpBtn.attr({
                    fill: 'white',
                    stroke: 'silver',
                    'stroke-width': 1,
                    r: 0
                });
                drillUpBtn.states.hover.attr({
                    fill: '#a4edba'
                });
                drillUpBtn.states.select.attr({
                    stroke: '#039',
                    fill: '#a4edba'
                });
            }
        }
    }
}

内容的提问来源于stack exchange，提问作者Ayush Rawat