☰

幅と高さの設定 [closed] 質問する

tag-icon • tag-icon html css chart.js
幅と高さの設定 [closed] 質問する

Chart.jsのサンプルコードを試していますドキュメントに記載されている。

幅と高さは、キャンバス要素にインラインで 400px/400px で指定されます。

しかし、グラフをレンダリングすると、ページ幅全体に拡大され、右端が切り取られてしまいます。

グラフの幅と高さをどこでどのように制御すればよいですか?

ベストアンサー1

キャンバス スタイルの幅をオーバーライドできます。重要...

canvas{

  width:1000px !important;
  height:600px !important;

}

また

responsive:true,オプションでプロパティを指定します。

options: {
    responsive: true,
    maintainAspectRatio: false,
    scales: {
        yAxes: [{
            ticks: {
                beginAtZero:true
            }
        }]
    }
}

オプションの下に更新が追加されました:maintainAspectRatio: false,

リンク ：http://codepen.io/theConstructor/pen/KMpqvo

おすすめ記事