質問編集履歴

1 追加のイメージ追加

hideaki-goto

hideaki-goto score 7

2017/03/30 02:25  投稿

Chart.jsでの内側のリサイズができない
**Chart.js**
を使用してチャートを作っているのですが、いるのですが、htmlのcunvasを用いているのですがラベルがうまく内側に来ません。
![![イメージ説明](265529f3dc05eb961d93fc0915722956.png)](89d0a337a009a3da078a3947a4af715e.png)
このような感じで上下の文字がはみ出てしまいます。
コードは以下です
```javascript
<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: ["人間関係", "労働に対しての給料", "待遇・福利厚生", "やりがい"],
     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
![イメージ説明](fbd24c6ca2fe258ca5092794efe79d7b.png)
  • JavaScript

    28644 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る