Highcharts - Удаление заголовка с древовидной карты

Question

Я пытаюсь удалить маркировку своей древовидной карты. дизайн Хотя я действительно хочу раскрыть имя при наведении курсора на квадрат древовидной карты; Я пытаюсь удалить заголовки каждого квадрата, например In Store, Retail, Online, Street Vendors et c ..... Но, как упоминалось ранее, я действительно хочу отображать заголовок при наведении курсора, поэтому я не удалил имена полностью;

Я попытался достичь этой цели, отредактировав объект dataLabels; и установив enabled: false, я также скорректировал стиль шрифта и выравнивание в надежде повлиять на текст, но это тоже не сработало.

Вот ссылка на мои highcharts jsfiddle пример:

Answer 1

Обратите внимание, что объект параметров dataLabels должен быть определен в объекте параметров серии, а не на уровне.

Демонстрация: https://jsfiddle.net/BlackLabel/hx4pjzg3/

series: [{
   dataLabels: {
     enabled: false
   }
}]

API: https://api.highcharts.com/highcharts/series.treemap.dataLabels

Answer 2

Этого можно добиться, установив параметр dataLabels в plotOptions. Как это:

Highcharts.chart('container', {
  series: [...],
  title: {
    text: 'Sector'
  },
  plotOptions: {
    series: {
      dataLabels: {
        enabled: false
      }
    }
  }
});

Highcharts API