Как скрыть конкретную метку оси X проблематично?

Question

Кто-нибудь знает, как программно скрыть одну метку xaxis?

Я скрываю графику таким образом, но мне тоже нужно сделать ярлык xaxis.

.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

Вы можете сделать это разными способами, например, обновить категории 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