Диаграмма js. Как изменить стили шрифтов для массива меток?

Question

У меня есть диаграмма из библиотеки диаграмм JS. Screenshot

var ctx = document.getElementById("myChart"); 
 
    var data = { 
 
    labels: ["HTML", "CSS", "JavaScript", "jQuery", "Bootstrap", "Gulp", "PHP", 'SQL', 'Git'], 
 
    datasets: [ 
 
     { 
 
      defaultFontColor: 'red', 
 
      backgroundColor: "rgba(0,255,255,.4)", 
 
      borderColor: "rgba(0,255,255,.4)", 
 
      pointBackgroundColor: "red", 
 
      pointBorderColor: "#fff", 
 
      lineTension: 0, 
 
      pointHoverBackgroundColor: "#fff", 
 
      pointHoverBorderColor: "rgba(179,181,198,1)", 
 
      data: [95, 99, 60, 91, 36, 95, 40, 95, 95] 
 
      } 
 
     ] 
 
    }; 
 
    var myRadarChart = new Chart(ctx, { 
 
     type: 'radar', 
 
     data: data, 
 
     options: { 
 
     responsive: true, 
 
     scale: { 
 
      reverse: false, 
 
      ticks: { 
 
       // defaultFontSize: true 
 
      } 
 
     } 
 
     } 
 
    });

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

Answer 1

Это хорошо скрыт, но вы можете найти это в разделе «Параметры метки точки»

http://www.chartjs.org/docs/#scales-radial-linear-scale

вот пример: https://jsfiddle.net/qvrt01jp/1/

options: { 
    scale: { 
     pointLabels :{ 
      fontStyle: "bold", 
     } 
    } 
} 

глобальное должен также работать, если установить его как это:

Chart.defaults.global.defaultFontStyle = 'italic'