Как разрешить ярлыкам страны автоматически скрываться при использовании HTML?

Question

У меня есть this map example here что я бегу через Highmaps from Highcharts.

Вы можете заметить, что, когда мы имеем эту установку ниже, такие страны, как Румыния, Болгария, Сербия, не показывают свой ярлык, потому что страна слишком мала для этого уровня масштабирования. Если вы увеличите масштаб, эти небольшие страны станут больше и их ярлык будет отображаться.

dataLabels: {    
    enabled: true, 
    useHTML: false, 
    format: '{point.name}' 
} 

Если я изменяю useHTML: true, все страновые метки будут показывать все время, независимо от того, каков уровень масштабирования или как маленькая страна, которая вызывает ярлыки перекрываться очень плохо like this.

Из-за требований проекта, придерживаться useHTML: true является обязательным, но есть ли все-таки, чтобы добиться автоматического скрытия этикеток в этой ситуации?

Answer 1

Вы можете попытаться использовать форматтер вместо формата и показать только метки, которые должны быть видимыми. ярлык точки может быть полезным. Немного случайный пример (но вы получите идею): http://jsfiddle.net/Lu3ec0Lv/2/

Измененная часть:

formatter: function() { 
         var ret = null, 
          chart = this.series.chart, 
          xExt = chart.xAxis[0].getExtremes(); 
         if ((this.point.labelrank%2 + (xExt.max - xExt.min))%2) ret = this.point.name; 
         return ret; 
        }