質問編集履歴

1 codo を所定場所に記述しました

cat_tom

cat_tom score 4

2018/07/30 06:54  投稿

javascriptでレーダーチャートの目盛を操作できない
レーダーチャートを表示させたいのですが、メモリ最小値0~最大値100、目盛間隔を10にしたいのですが、オプションが機能しない。どうすればいいのでしょうか。オプションを書かない場合は、グラフは表示されます。
![![イメージ説明](4390f0906514720d87839d33c85c56e8.jpeg)](009378b49b0d0945d55ae612118ef0c9.jpeg)
//参考 http://www.madeinclinic.jp/javascript/20160828/
```ここに言語を入力
//www.madeinclinic.jp/javascript/20160828/
// 上記サイトを参考にしました
   var ctx = document.getElementById('chart').getContext('2d');
   var myChart = new Chart(ctx, {
    type: 'radar',
     data: {
       labels: ['総合', 'DP1', 'DP2', 'DP3', 'DP4'],
       datasets: [{
         label: 'GP達成度',
         data: [dpx, dp1x, dp2x, dp3x, dp4x],
         backgroundColor: "rgba(153,255,51,0.4)"
       }]
     },
           options: {
               ticks: {
                           stepSize: 10, // 目盛の間隔
                           max: 100, //最大値
                           beginAtZero: true
               }
     }
   });
//
```レーダーチャートを表示させたいのですが、メモリ最小値0~最大値100、目盛間隔を10にしたいのですが、オプションが機能しない。どうすればいいのでしょうか。オプションを書かない場合は、グラフは表示されます。  
![![イメージ説明](4390f0906514720d87839d33c85c56e8.jpeg)](009378b49b0d0945d55ae612118ef0c9.jpeg)  
dataの各変数には、1から100の値が代入されます。
解決方法をご教示ください。
  • JavaScript

    20863 questions

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

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