Q&A
Chart.jsを使ってレーダーチャートを作りましたが、アニメーションがデフォルトで設定されているはずなのですが、効きません。なぜでしょうか。ドキュメントを読んでもわかりませんでした。Chart.jsのドキュメント
tml> <html lang="ja"> <head> <meta charset="utf-8"> <title>chart</title> <script src="js/Chart.min.js"></script> </head> <body> <canvas id="myChart"></canvas> <script> var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Chart(ctx, { type: 'radar', data: { labels: ["北海道", "東北", "関東", "中部", "関西", "中国", "四国", "九州"], datasets: [{ label: 'apples', backgroundColor: "rgba(153,255,51,0.4)", borderColor: "rgba(153,255,51,1)", data: [100, 100, 100, 100, 100, 100, 100, 100] }] }, options: { legend: { position: 'bottom', display: false }, title: {display: true, fontSize:55, fontColor:'#666', text: '地方別制覇率'}, scale: { display: true, pointLabels: {fontSize: 38}, ticks: {display: false, stepSize: 20, fontSize: 12, min: 0, max: 100, beginAtZero: true} } } }); </script> </body> </html>
optionの中でanimation: trueとしてみてもダメでした。
回答1件
0
ベストアンサー
動くサンプル：https://jsfiddle.net/vz3mucqs/
JavaScriptには問題が無いので、読み込んでいるライブラリのバージョンが古いか、CSSを読み込んでいないかそのあたりでは。
【Release v2.9.2 · chartjs/Chart.js · GitHub】
https://github.com/chartjs/Chart.js/releases/tag/v2.9.2
【Chart.js - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!】
https://cdnjs.com/libraries/Chart.js/
投稿2019/11/11 19:28
総合スコア69596
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/11/14 13:01
2019/11/16 07:01
2019/11/16 07:10
2019/11/16 07:14