chart.jsを使用してレーダーチャートを作成したのですが、
フェアウェイキープの文字の下に隙間をあけたいです。
そのためpaddingを取ろうと思ったのですがうまく指定できませんでした。
javascript
1 var ctx = document.getElementById("myChart"); 2 var myChart = new Chart(ctx, { 3 type: 'radar', 4 data: { 5 labels: ["フェアウェイキープ", "パーオン ", "パーセーブ"], 6 datasets: [{ 7 data: [#{@test}, #{@test}, #{@test}], 8 backgroundColor: [ 9 'rgba(255, 99, 132, 0.2)', 10 'rgba(54, 162, 235, 0.2)', 11 'rgba(255, 159, 64, 0.2)' 12 ], 13 borderColor: [ 14 'rgba(255,99,132,1)', 15 'rgba(54, 162, 235, 1)', 16 'rgba(255, 159, 64, 1)' 17 ], 18 borderWidth: 1 19 }] 20 }, 21 options: { 22 scale: { 23 pointLabels: { 24 fontSize: 12, 25 //ここが全くあたらないです 26 padding: "0 0 0 20" 27 }, 28 ticks: { 29 stepSize: 20, 30 min: 0, 31 max: 100, 32 beginAtZero: true 33 } 34 }, 35 legend: { 36 display: false, 37 } 38 } 39 });
どのように指定すれば良いのでしょうか
よろしくお願いいたします。