在 Highcharts 中从柱形图钻取到饼图时隐藏坐标轴

Question

我在 Highcharts drilldown 中使用了一些不同的图表渲染器。在某些情况下，我的第一级是柱形图，第二级（或第三级……）是饼图。除了饼图中出现的轴（标题，color/width）的一些指定设置外，一切都运行良好。在饼图的情况下，预期的行为是隐藏整个轴。例如，在以下内容中：https://jsfiddle.net/vegaelce/w3crqofu/ 我希望轴线和标题隐藏在饼图钻孔图中。

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

type: 'pie',

轴已正确隐藏。

Answer 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

在 Highcharts 中从柱形图钻取到饼图时隐藏坐标轴

Hide axes when drilling from column chart to pie chart in Highcharts

axes

highcharts

drilldown