今日の午後、chart.jsチャートのキャンバスサイズを小さくすることについて多くのことを読んで、問題があることがわかりました。私が知りたいのは、のキャンバス内の実際のグラフのサイズを小さくすることが可能かどうかです。? aspectRatioが1のキャンバスのサイズは問題ではありません。これは、(レーダー)グラフをアスペクト比で正方形にします。私が望むのは、グラフのサイズを計算されたサイズの80%とすることです。これが可能なら誰でも知っていますか?私が既に他の機能のために持っていたので、コードをハックするのは嬉しいです。キャンバス内のチャートのサイズを小さくする
0
A
答えて
1
はい、可能です。
あなたはそうのように、実際のグラフのサイズを小さくなる、それに応じてグラフのレイアウトにパディングを設定することができます。
layout: {
padding: 20
}
セットこのチャート内ののオプションの設定を。
+1
超簡単な答え!ありがとう。 – UKUser35
関連する問題
- 1. cPickleオブジェクトのサイズを小さくする
- 2. データセットのサイズを小さくするMATLAB
- 3. .Netのpdfサイズを小さくする
- 4. アクセスデータベースのサイズを小さくする
- 5. .ttfフォントのサイズを小さくする
- 6. レスポンスのサイズを小さくする
- 7. Python - カラーバーメジャーダックのサイズを小さくする
- 8. SVNリポジトリのサイズを小さくする
- 9. マルチセレクションボックスのサイズを小さくする
- 10. UINavigationBarボタンのサイズを小さくする
- 11. bundle.jsのサイズを小さくする
- 12. pyinstaller exeのサイズを小さくする
- 13. テンプレートヘッダーのサイズを小さくする
- 14. ピクセルを小さくしてイメージのサイズを小さくする方法
- 15. 私のキャンバス私は小さいサイズの場合1680x960
- 16. 開くときのドロップダウンのサイズを小さくする方法
- 17. IntelliJのデバッグAPKのサイズを小さくしてください
- 18. フレンド内の子キャンバスのサイズ変更
- 19. ベクトル化された等高線のサイズを小さくする
- 20. 変換されたオーディオファイルのサイズを小さくする
- 21. Sencha Touch 1 TabBarのサイズが小さく
- 22. Base64に変換するとイメージのサイズを小さくする
- 23. プロダクション用のnode_modulesのサイズを小さくする
- 24. RZsliderのshowticksオンラインラインバーのサイズを小さくする方法は?
- 25. EPS形式のプロットのサイズを小さくする
- 26. Javaの画像のサイズを小さくする
- 27. リッチのサイズを小さくする方法:jsfのエディタ
- 28. ブートストラップ3のドロップダウンのサイズを小さくする
- 29. NumberPickerでアップ/ダウンのサイズのみを小さくする
- 30. Flask-Adminのカラムのサイズを小さくする
2つのキャンバスを使用します.1つはキャンバスのサイズ、もう1つは表示する他のコンテンツです。これには多くの特典があり、チャートを再描画しなくてもメインキャンバスを再描画することができます。また、より良いパフォーマンスを得るのに役立ちます。 – FelisPhasma
しかし、chart.jsの初期化に%サイズを使用することはできません。偉大な作業例を提供できたら? – UKUser35
あなた自身のパーセンテージを計算してください。グラフが全幅の場合は、ウィンドウ幅の80%である '.8 * window.innerWidth'を計算するだけです。 – FelisPhasma