wordpressのサイト上でchart.jsを使ってレーダーチャートを作っているのですが、ラベルのフォントサイズ変更ができません。
チャートそのものは意図した表示になっています。
リファレンスやググってもみたのですが、詳しく書いてあるものがありませんでした。
html
<div class="canvas_outer"> <canvas id="myRadarChart1" width="400" height="400"></canvas> </div> <script> var ctx = document.getElementById("myRadarChart1").getContext('2d'); var myRadarChart1 = new Chart(ctx, { type: 'radar', data: { labels: [ 'ラベル1', 'ラベル2', 'ラベル3', 'ラベル4', 'ラベル5' ], datasets: [{ label: '', data: [ 1, 2, 3, 4, 5 ], backgroundColor: [ 'rgba(124, 176, 191, 0.678)', ], borderColor: [ 'rgba(124, 176, 191, 1)', ], borderWidth: 1 }] }, scaleLabel: { fontSize: 20 }, options: { legend: { display: false }, scale: { ticks: { fontSize: 0, stepSize: 2, max: 10, beginAtZero: true, }, gridLines: { pointLabels: { fontSize: 18 } } }, scales: { yAxes: [{ display: false, gridLines: { drawBorder: false } }], xAxes: [{ display: false, gridLines: { drawBorder: false } }] } } }); </script>
詳しい方よろしくおねがいします。
まだ回答がついていません
会員登録して回答してみよう