chart.jsにてレーダーチャートを作成する際のラベルの表示について

Question

現在chart.jsにてレーダーチャートを作成しています。
chart.jsのドキュメント
参考にしたサイト

以下の画像のような感じで現在表示されているのですが、
やりたいことは、①か②のどちらかです。
（どちらも方法がわかれば有り難いですがどちらかでも構いません）

① [ラベル名]（その隣のピンクの長方形も合わせて）を消す
② [ラベル名]のfont-familiyを変更する（その下のグラフ内にある、[項目1,項目2・・・]のfont-familiyは変更できたのですが、ラベル名のfont-familiyが変わりません。）

ドキュメントを読んだのですがどの部分をどこに追加すればいいのかがわからず、教えていただきたいです。
よろしくお願いいたします。

<div class="chart_position">
   <canvas id="chartTest" width="300" height="300"></canvas>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.js"></script>
<script>
//グラフ1
$(function(){
  'use strict';
  (function(){
    var $win = $(window);
    var position01 = $('.chart_position').offset().top - ($win.height() / 3 * 2);
    var flag = null;
    
    // レーダーチャートの出現設定から色とかの設定
    $win.scroll(function(){
        if($(this).scrollTop() > position01 && flag === null){
          flag = 1;
          var testData = {
            labels: ["項目1","項目2","項目3","項目4","項目5","項目6"],
            datasets: [
              {
                label: "ラベル名",
                borderColor: "rgba(241,87,130,0.9)", //線の色
                backgroundColor: "rgba(241,87,130,0.6)", //線の中を埋める色
                pointBackgroundColor: "rgba(241,87,130,1)", //ポイントの背景色
                data: [8,8.1,7.6,9.5,8.3,7],
              }
            ]
          };

          var testContext = document.getElementById("chartTest").getContext("2d");
          var test_chart = new Chart(testContext, {
            type: 'radar',
            data: testData,
            options: {
              scale: {
                pointLabels: {
                  fontSize: 14, //フォントサイズ
                  fontFamily: "'游ゴシック',YuGothic,NotoSans,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif",
                },
                ticks: { //http://www.chartjs.org/docs/#scales-radial-linear-scale
                  stepSize: 2, // 目盛の間隔
                  max: 10, //最大値
                  beginAtZero: true,
                }
              }
            }
          });
          stressFactorChart.options.legend.display = false; //これで凡例が表示されない
        }
    });
  })();
});
</script>

Answer 1

① [ラベル名]（その隣のピンクの長方形も合わせて）を消す

new Chart時のoptionsでlegend.display=falseをすればできました。

    options: {
         legend: {
            display: false
         }
    }

動くjsFiddleのサンプル

※凡例のフォント指定もできそうでしたよ（マニュアル参照）

Comments

[yukabyo]

ご回答くださった、① [ラベル名]（その隣のピンクの長方形も合わせて）を消す方法で解決できました。
追記のフォント指定も、サンプルも、ありがとうございました。
大変助かりました。ありがとうございますm(__)m