Q&A
なるべくコピペで現状が確認できるコードを提示してください。
あと提示されたURL(質問URL）との関連性も明記してください。
何も書いてないと何のつもりで提示されたのか他者には分かりません。
Chart.jsのレーダーチャートでスコアをグラフ外につけるのは、どうしたらいいでしょうか？
バージョンは2.7.2です。
以下はドーナツ型ですが、こんな感じです。
出来れば、ラベルの下？付近がよいですが。
今の該当処理は以下です。
label: { position: 'outside' },
申し訳ございませんが、教えて頂けると幸いです。
https://teratail.com/questions/93985
<html lang="ja"> <head> <title>グラフ</title> </head> <body> <canvas id="myRaderChart"></canvas> <!-- CDN --> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.js"></script> <script> var ctx = document.getElementById("myRaderChart"); var myRadarChart = new Chart(ctx, { type: 'radar', data: { labels: ["test1", "test2", ["test", "3"]], datasets: [{ label: 'てすと', data: [92, 72, 86], backgroundColor: 'RGBA(225,95,150, 0.5)', borderColor: 'RGBA(225,95,150, 1)', borderWidth: 1, pointBackgroundColor: 'RGB(46,106,177)' }] }, options: { legend: { display: false }, title: { display: true, text: '診断結果' }, tooltips: { }, scale:{ ticks:{ suggestedMin: 10, suggestedMax: 100, stepSize: 10, callback: function( index, values){ return '' } } } } }); </script> </body> </html>
すみません。
ソースは書けないです。
提示したurlは単純に参考にしていた意味と、このようにグラフの外に書くには、どうしたらいいのか？という意味で添付しました。
となると、Chart.jsのドキュメントから分かることくらいしか回答にはできませんけど、それでいいんでしょうか。
分かることなら、教えて頂きたいです！
曖昧な質問で申し訳ない限りです。
言い方が悪かったです。
「自身でもドキュメントは確認できるので、確認したことを質問に追記してください」ということです。
すみません。
ソース貼れたので、貼りました。
知りたいことは下記です。
①どうやったら、data: [92, 72, 86]の情報を参考添付urlのようにグラフの外にかけるのか(おそらくtooltips？)
②position: 'outside'
では、グラフの外側にスコアが表示されなかったが、間違っているのか
重ね重ね申し訳ないですが、よろしくお願い致します
あなたの回答
tips
プレビュー
