Q&A
chart.jsの設定部分のコードをご提示ください
初心者になります。
chart.jsで円グラフを制作し、レスポンシブになるよう以下のコードを入れています。
html
1<div class="canvasBox"> 2<canvas id="canvas" position="relative" width="100%" height="100%"></canvas> 3</div>
ただスマホサイズで見ると、グラフが小さくなりすぎてしまい左右に余白ができてしまいます。
調べたところCSSでは調整不可能とわかり、javascriptを挿入して調整したいのですが、初心者のためわかりません。
この場合、どのように組みこめばスマホでも大きく反映できますか？
ご教授お願いいたします。
あとできればスクリーンショットも欲しいですね。
canvas要素にposition属性はないし、width/height属性の値も違います。スマホ以前に想定通りの表示にはなっていないのではないでしょうか？
回答2件
0
ご回答ありがとうございます。
positionが違うとのことで削除して、
オプション内の layout → padding にて、
４辺全てに対して明示的に0を指定したら
改善しました。
ありがとうございます
投稿2018/12/06 04:29
総合スコア15
0
自己解決
ご回答ありがとうございます。
positionが違うとのことで削除して、
オプション内の layout → padding にて、
４辺全てに対して明示的に0を指定したら
改善しました。
ありがとうございます
投稿2018/12/06 04:28
総合スコア15
あなたの回答
tips
プレビュー
