2

レスポンシブ Web アプリケーションのグラフ作成ソリューションを検討しています。私はこのRaphaël分析デモが本当に気に入っています: http://raphaeljs.com/analytics.html (これは JS Bin にあります: http://jsbin.com/svg/1/edit )

...しかし、それは反応しません。codepen でこのレスポンシブ SVG グラフを見つけました: http://codepen.io/meloncholy/pen/KxiJAですが、静的 SVG だけでなく、Raphaël のような JavaScript 統合ソリューションを探しています。

Raphaëlグラフをレスポンシブにするために2つを組み合わせる方法はありますか?

レスポンシブ SVG の作成方法に関する codepen デモの作成者による記事は次のとおりです

4

1 に答える 1

0

投稿した Raphaël Demo は、window.onloadイベントが発生したときにグラフをレンダリングします。デモvar r = Raphael("holder", width, height)は固定幅のステージで生成し、800pxここのどこかにグラフを描画しますr.drawGrid(...)

投稿した codepen.io の例と同様に、window.resizeイベントのウィンドウの幅に応じて、異なる幅で全体を再初期化/再描画できます。

2 番目のアプローチでは、codepen.io の例のようなwindow.resize同様の関数を使用して、イベントのすべての SVG 要素をループします。var unscale = function (el) { ... }

ほんのいくつかのアイデア...

于 2013-06-04T15:39:11.327 に答える