在 Highcharts 中从柱形图钻取到饼图时隐藏轴答案

【问题标题】：Hide axes when drilling from column chart to pie chart in Highcharts在 Highcharts 中从柱形图钻取到饼图时隐藏轴
【发布时间】：2021-12-25 22:43:45
【问题描述】：

我在 Highcharts 向下钻取中使用了一些不同的图表渲染器。在某些情况下，我的第一层是柱形图，而第二（或第三……）层是饼图。除了饼图中出现的轴（标题、颜色/宽度）的一些指定设置外，一切都运行良好。预期的行为是在饼图的情况下隐藏整个轴。例如，在下面：https://jsfiddle.net/vegaelce/w3crqofu/ 我希望将轴线和标题隐藏在饼钻图中。

在第一层使用饼图时，将类型设置为第二层：

type: 'pie',

轴已正确隐藏。

【问题讨论】：

标签： highcharts axes drilldown

【解决方案1】：

您可以使用drilldown 和drillup 回调来自定义图表选项，例如：

events: {
  drilldown() {
    const chart = this;

    chart.title.hide()
            
            chart.axes.forEach(axis => axis.update({visible: false}, false, false))
            chart.reflow()
  },
  drillup() {
    const chart = this;

    chart.title.show()
            chart.axes.forEach(axis => axis.update({visible: true}, false, false))
            chart.reflow()
  }
}

演示：https://jsfiddle.net/BlackLabel/3ac9hrfj/

API：https://api.highcharts.com/highcharts/yAxis.visible

【讨论】：