2017-11-02 6 views
0

今日の午後、chart.jsチャートのキャンバスサイズを小さくすることについて多くのことを読んで、問題があることがわかりました。私が知りたいのは、のキャンバス内の実際のグラフのサイズを小さくすることが可能かどうかです。? aspectRatioが1のキャンバスのサイズは問題ではありません。これは、(レーダー)グラフをアスペクト比で正方形にします。私が望むのは、グラフのサイズを計算されたサイズの80%とすることです。これが可能なら誰でも知っていますか?私が既に他の機能のために持っていたので、コードをハックするのは嬉しいです。キャンバス内のチャートのサイズを小さくする

+0

2つのキャンバスを使用します.1つはキャンバスのサイズ、もう1つは表示する他のコンテンツです。これには多くの特典があり、チャートを再描画しなくてもメインキャンバスを再描画することができます。また、より良いパフォーマンスを得るのに役立ちます。 – FelisPhasma

+0

しかし、chart.jsの初期化に%サイズを使用することはできません。偉大な作業例を提供できたら? – UKUser35

+0

あなた自身のパーセンテージを計算してください。グラフが全幅の場合は、ウィンドウ幅の80%である '.8 * window.innerWidth'を計算するだけです。 – FelisPhasma

答えて

1

はい、可能です。

あなたはそうのように、実際のグラフのサイズを小さくなる、それに応じてグラフのレイアウトにパディングを設定することができます。

layout: { 
    padding: 20 
} 

セットこのチャート内のオプションの設定を。

+1

超簡単な答え!ありがとう。 – UKUser35

関連する問題