2015-08-31 2 views
2

У меня есть проблемы с библиотекой карт Highcharts. Как удалить черную границу DataLabels?Удалить Highcharts dataLabel border

Вот мои настройки:

var Map = $('#container').highcharts('Map', { 
    mapNavigation: { 
     enabled: true, 
     buttonOptions: { 
      verticalAlign: 'bottom' 
     } 
    }, 

    colorAxis: { 
     min: 0 
    }, 

    series : [{ 

     mapData: Highcharts.maps['gbpostcodes'], 

      dataLabels: { 
       enabled: true, 
       fontSize:'20px', 
       color:'yellow', 
       borderWidth: 0, 
       format: '{point.properties.Name}' 
      } 

    }] 
}); 

(прилагается скриншот) enter image description here

+0

Нет картинки прилагается. – wergeld

+1

Это не граница, это текстовая тень. – jlbriggs

ответ

3

Вы уверены, что можете. См. Здесь документы API относительно dataLabels. Чтобы удалить пограничную набор:

dataLabels: { 
    ... 
    borderWidth: 0, 
    ... 
    }, 

Если вы говорите о текстовых теней вы можете сделать это в вашем dataLabel, а также:

  dataLabels: { 
       enabled: true, 
       fontSize: '20px', 
       color: 'yellow', 
       borderWidth: 0, 
       format: '{point.properties.Name}', 
       style: { 
        textShadow: false 
       } 
      }, 
+0

Это не тот случай. Вот мои настройки 'dataLabels: { включено: правда, FONTSIZE: '20px', цвета: 'желтые', BorderWidth: 0, формат : '{point.properties.Name}' }' – romvlads

+0

Мне нужно будет увидеть больше кода или пример представителя, показывающий это. «BorderWidth: 0' должен это сделать. – wergeld

+0

Я добавил свои настройки – romvlads

0

У меня была такая же проблема с гистограмме. Я решил эту проблему с помощью этого в моем plotOptions.column:

dataLabels: { 
    /* ... */, 
    style: { 
     textShadow: null 
    } 
} 

Работает ли это для вас?

5

Highcharts V5 код для фиксации это

dataLabels: { 
    style: { 
    textOutline: 0 
    }, 
}