Chart.jsでの内側のリサイズができない

Question

Chart.js
を使用してチャートを作っているのですが、いるのですが、htmlのcunvasを用いているのですがラベルがうまく内側に来ません。

このような感じで上下の文字がはみ出てしまいます。

コードは以下です

<script type="text/javascript">
for (step = 1; step < 4; step++) {
  var 名前;
  名前 = 'myChart';
  console.log(名前+step);
  var ctx = document.getElementById(名前+step);

  var myChart = new Chart(ctx, {
    type: 'radar',

    data: {
      //データーの数をここで指定
      labels: ["人間関係", "労働に対しての給料", "待遇・福利厚生", "やりがい"], 
      datasets: [{
        label: 'none',
        backgroundColor: "rgba(255, 51, 51, 0.4)",
        borderColor: "rgba(255, 51, 51, 1)",
        data: [12, 19, 3, 17,],
      }]
    },
    options: {
         legend: {
            display: false
         },

    },
  });
};

</script>

追加のイメージ2017/03/30

Answer 1

サンプル
同様のコードで問題ありませんでしたので、canvasのスタイルの問題ではないでしょうか

Comments

[hideaki-goto]

キャンバススタイルを変えてもうまくなりませんでした。
namimonさんの写真とか見せていただけないでしょうか？

[namimon]

添付したURLでご確認できます。
また、質問にそちらのHTMLを追記していただいた方が、解答しやすいとおもいます。

[hideaki-goto]

初めてのご利用だったので、すいませんすごく丁寧でわかりやすかったです。ありがとうございます。

現在html 　<canvas id="myChart1" width="950px" height="300px"></canvas> 　
にすると下のデーター名の文字が下がかけてしまいました。ここの部分をうまく出す方法を教えてください。
※質問に追加のイメージを追加しておきました。

[namimon]

元のコードでいろいろと検証してみました。
IE11:OK
chrome:OK
edge:OK
firefox:NG

という感じで、ブラウザによって切れたり切れなかったりしました。
オプションでfontsizeという項目があり、そちらを調整したところ、こちらでは切れないようになりました。一度確認してください。

https://codepen.io/anon/pen/VpVbKq