Highcharts 钻取列到饼图，轴标签问题

Question

我正在使用 Highcharts 钻取功能并更改每个钻取级别中的可视化类型。 当我从饼图钻取到列类型时，我遇到问题，xAxis 标签消失（被数值替换）。

您可以在以下 jsfiddle 中看到示例：https://jsfiddle.net/vegaelce/21ogcap9/

当您单击“Safari”然后向上钻取到“浏览器”时，xAxis 值是正确的，但是当您单击“Chrome”并向上钻取到“浏览器”时，xAxis 值将被数字替换。

我尝试使用

chart:{ 
 event:{
  drillup: function(e) {
   var chart = this;
   chart.axes[0].update({type: "category"});
  }
 }
}

但 xAxis 中的“名称”值似乎未正确设置。

请问有办法解决吗？ 谢谢

Answer 1

在 drillup 事件内部，您可以将 x 轴类型更新为 category 并通过从数据点提取名称来设置正确的类别。

 events: {
    drillup: function(e) {
        const categories = e.seriesOptions.data.map(data => data.name);
        
        e.target.xAxis[0].update({
            type: 'category',
            categories
        });
    }
}

演示： https://jsfiddle.net/BlackLabel/vufgc0x2/