在Highcharts中从柱状图钻取到饼图时隐藏轴



我在Highcharts向下搜索中使用了一些不同的图表渲染器。在某些情况下,我的第一级是柱状图,第二级(或第三级…(是饼图。除了饼图中显示的轴(标题、颜色/宽度(的一些指定设置外,一切都很好。预期的行为是在饼图的情况下隐藏整个轴。例如,在以下内容中:https://jsfiddle.net/vegaelce/w3crqofu/我希望轴线和标题隐藏在饼图中。

当通过将类型设置为第二级在第一级中使用饼图时:

type: 'pie',

轴被正确地隐藏。

您可以使用drilldowndrillup回调来自定义图表选项,如:

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

最新更新