0

これで、純粋な html と css を使用してブレット グラフを作成しました。JavaScript/jquery ライブラリは使用されていません。

HTML ページ全体には、サイズ付きのブレット チャートのみが含まれます1000px * 500px(ほぼページ全体)。私のアプリケーションでは、同じグラフを300px * 300px別の新しいページに大まかに表示する必要もあります。

ここで、新しいページ用に別の小さなグラフを作成したくはありません。既存のフル ページ バージョンのグラフの縮尺を縮小して再利用できるようにしたいだけです。どうすればこれを達成できますか?

4

2 に答える 2

2

CSS で:

transform:scale(0.25);         /* IE 10, Firefox */
-webkit-transform:scale(0.25); /* Chrome */
-ms-transform:scale(0.25);     /* IE 9 */

必要に応じてスケール係数を調整します。

また、フルサイズのグラフの幅が次のようになっている場合はビューポート ユニットを使用できますが60%、ブラウザのサポートは現在非常に低いことに注意してください。

transform:scale(calc(300px / 60vw));
于 2013-03-01T06:28:01.637 に答える
1

IE8で動作させるために、 Kolinkによって提案された変換スケールメソッドを使用できませんでした。これはサポートされていないためです。そのため、大きなグラフのコピーを完全に編集して、サイズを小さくする必要がありました。Chrome / Firefox / IE9 +を使用している場合は、Kolinkの方法を使用してください。

于 2013-03-14T10:29:58.687 に答える