我们如何在 highcharts 中删除钻取后的x轴标签?

mbyulnm0  于 2022-11-10  发布在  Highcharts
关注(0)|答案(2)|浏览(177)

我想在深入之前标记x轴,但是一旦用户深入,x轴标签就应该不再可见了。我该如何实现?

z9ju0rcb

z9ju0rcb1#

假设您有一个类似这样的 afterSetExtremes 事件,是否安全?

xAxis:{
     labels: {
        enabled: true
     },
     events:{
          afterSetExtremes:afterSetExtremes
     },
     .....

如果是这样,您可以在该函数中执行以下操作:

function afterSetExtremes(){
     $('#container').highcharts().xAxis[0].update({
          labels:{
              enabled: false
          }
     });
}

在这里你可以运行我的例子。希望它有帮助!
第一个

rdlzhqv9

rdlzhqv92#

使用drilldowndrillup事件:

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

相关问题