我想在深入之前标记x轴,但是一旦用户深入,x轴标签就应该不再可见了。我该如何实现?
z9ju0rcb1#
假设您有一个类似这样的 afterSetExtremes 事件,是否安全?
xAxis:{ labels: { enabled: true }, events:{ afterSetExtremes:afterSetExtremes }, .....
如果是这样,您可以在该函数中执行以下操作:
function afterSetExtremes(){ $('#container').highcharts().xAxis[0].update({ labels:{ enabled: false } }); }
在这里你可以运行我的例子。希望它有帮助!第一个
rdlzhqv92#
使用drilldown和drillup事件:
drilldown
drillup
const setLabelsVisibility = (chart, isVisible) => { chart.xAxis[0].update({ labels: { enabled: isVisible } }, false); }; // Create the chart Highcharts.chart('container', { chart: { type: 'column', events: { drilldown: function() { setLabelsVisibility(this, false) }, drillup: function() { setLabelsVisibility(this, true) } } }, ... });
现场演示:https://jsfiddle.net/BlackLabel/vpxhum80/API引用:https://api.highcharts.com/highcharts/chart.events
2条答案
按热度按时间z9ju0rcb1#
假设您有一个类似这样的 afterSetExtremes 事件,是否安全?
如果是这样,您可以在该函数中执行以下操作:
在这里你可以运行我的例子。希望它有帮助!
第一个
rdlzhqv92#
使用
drilldown
和drillup
事件:现场演示:https://jsfiddle.net/BlackLabel/vpxhum80/
API引用:https://api.highcharts.com/highcharts/chart.events