chart.jsでつくって表示した円グラフの大きさを変えられず画面いっぱいに表示されてしまう。

Question

前提・実現したいこと

タイトルの通りでして、調べても解決法が見つからなかったので
ご教授願います。

該当のソースコード

    <canvas id="myPieChart" width=100px height=75px></canvas>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
    <script type="text/javascript">
        var category_names = ["<?php echo implode('","', $category_names) ?>"];
        var category_amounts = ["<?php echo implode('","', $category_amounts) ?>"];
    </script>
    <script type="text/javascript" src="js/pie_chart.js"></script>

Comments

[m.ts10806]

これだけ提示されてもどのような状況になっているか分かりませんし、誰も再現確認できませんよ。「調べても」というのが「何を調べてどう試したのか」が分からないと、調べ方が悪いのか・試し方が悪いのか・内容が理解できていないのか　が分からず、的確なアドバイスは不可能です。（というか丸投げです） phpコードよりもブラウザに出力されたhtml、JavaScriptのコードを提示した方が再現確認もしやすいですしアドバイスを受けやすいのでは。

[harusyoui]

分かりました。

Answer 1

見直したらサイズがレスポンシブだったのでここを見直してみます。

Comments

[m.ts10806]

ついでにwidth=100px height=75pxとか直指定されているところも見直されたほうが良いかと。
幾つか質問見てきた感じ、情報が少なすぎるので的確なアドバイスになりません。
質問も回答も編集できるので、適宜ご対応いただくか、最初から質問内容を充実させてください。

[harusyoui]

はい、divで囲ってstyle指定したら上手くいきました。