如何隐藏特定的x轴标签？

Question

任何人都知道如何以编程方式隐藏单个xaxis标签？

我这样隐藏图形，但我也需要做x轴标签。

.highcharts().series[0].data[1].graphic.hide()

这是http://jsfiddle.net/2pyzjdch/的一个例子

我想隐藏香蕉标签

Answer 1

您可以通过这种方式隐藏所需的标签：

.highcharts().xAxis[0].ticks[1].label.hide();

现场演示：http://jsfiddle.net/BlackLabel/68jyh7so/

Answer 2

你可以通过多种方式做到这一点e。 G。点击更新您的xAxis类别：

chart: {
  type: 'bar',
  events: {
    load() {
      var btnHide = document.getElementById('btnHide'),
        btnShow = document.getElementById('btnShow'),
        chart = this;
      btnHide.addEventListener('click', function() {
        chart.update({
          xAxis: {
            categories: ['Apples', '', 'Oranges']
          }
        })
      })
      btnShow.addEventListener('click', function() {
        chart.update({
          xAxis: {
            categories: ['Apples', 'Banaas', 'Oranges']
          }
        })
      })
    }
  }
},

的jsfiddle：http://jsfiddle.net/BlackLabel/n87e9gfr/

API参考：https://api.highcharts.com/highcharts/chart.events.load https://api.highcharts.com/class-reference/Highcharts.Chart#update