2016-06-22 5 views
1

Все:Как контролировать HightChart Pie Chart/Кольцевую диаграмму этикетку шрифт веса в конфигурации

Я довольно новый для High Chart, их PieChart/DonutChart, Интересно, какой конфиг паров контролировать шрифт вес каждого текст метки метки?

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

enter image description here

ответ

2

Вы можете установить параметр fontWeight в объекте стиля.

dataLabels: { 
      style:{ 
       fontWeight: 'normal' 
      } 
     } 

Демо:

+2

Это гораздо проще и более универсальный ответ. –

+0

@SebastianBochan Спасибо, я буду использовать это. – Kuan

1

Вы можете удалить полужирное из меток путем добавления <span style="font-weight: normal;"> к formatter функции в dataLabels для серии «Версии»:

dataLabels: { 
    formatter: function() { 
    // display only if larger than 1 
     return this.y > 1 ? '<span style="font-weight: normal;">' + 
      this.point.name + ': ' + this.y + '%</span>' : null; 
    } 
} 

Обратите внимание, что </span> идет в конце, что вы возвращения из т его функции.

Полученная диаграмма выглядит следующим образом:

enter image description here

Вот обновленная версия демо скрипкой: http://jsfiddle.net/brightmatrix/4tfu584x/

Я надеюсь, что это полезно для вас!

+0

Спасибо, это очень полезно – Kuan