問題タブ [graphael]

私はg.rapahelhttp://raphaeljs.com/graffle.htmlに似た図を持っています、私は以下のコードのように配列に形状を保存しています

ここで、形状[1]を、グラフ（リンクの上）に示されている接続線でウィンドウスクロールと一緒に移動したいとします。意図は、形状[1]（簡単にするために、これを選択しています）が常にフレーム内にある必要があることです。スクロールしたとき。これを行う方法？。

あるイベントの後にgRaphaelの円グラフを拡大したいのですが、たとえばクリックしてください。しかし、gRaphael の円グラフは、静的な幅と高さでウィンドウの読み込み後に作成されます。リアルタイムで動的に再描画することは可能ですか?

私のコード:

UPDもちろん、現在のチャートをクリックして削除して新しいチャートを作成することはできますが、他のクリック後に元のサイズに戻す必要があるため、これは方法ではありません。

graffle ( http://raphaeljs.com/graffle.html ) に似たチャートを描いています。ただし、曲線のコネクタ ラインは必要ありません。代わりに、下の写真に示すように直線 (交点に曲線がある) が必要です (他の投稿の 1 つから取得しましたが、そこで解決策を得ることができませんでした)。私の図は多対多の関係で複雑になる可能性があるため、線コネクタは多くの線を切断できるため、線はきれいな接続を示すのに十分なほど区別できる必要があります. これが私のサンプルコードです。誰かがそれを成し遂げるためのアプローチを私に提案できますか?

//矢印を使用して接続線を描画しますhttp://raphaeljs.com/graffle.html

現在の結果:

期待される結果

最初の線データの単一データ値をグラフの折れ線グラフに送信すると、グラフが表示されず、ブラウザの実行が停止します。「正方形」、「ディスク」などの「円」以外の記号を渡すと、グラフも表示されません。

これはどのブラウザでも機能しません。最初の行に単一の値を渡す場合にのみ、実行されません。どんな助けでも大歓迎です。

私はただぼんやりしているだけだと確信していますが、RaphaelとgRaphaelの違いは何ですか?

彼らのホームページを読んでもわかりません (gRaphael のホームページには「Raphaël グラフィック ライブラリに基づく」とだけ書かれています)。Google も役に立ちません。

この円グラフを変更しようとしています。これにより、セグメントをクリックしても、異なるセグメントの色が変更されません。塗りつぶしはセグメントの形状と直接的な関係があるように見えますが、私は完全に吸います。助けてください！ここで実際の円グラフを見ることができます：

http://raphaeljs.com/growing-pie.html

データベースからデータを取得し、そのデータをグラファエル チャート内に表示する方法を理解したいと思います。
私は ASP.NET MVC3 で作業していますが、それを機能させる方法が本当にわかりません。
どんな助けでも本当に感謝しています。

アプリケーションで「ページ」として使用するHTMLテンプレートを動的にロードするBackbone.js/Require.jsアプリケーションを作成しました。これは、私のメインHTMLページがそのように見えることを意味します。

次に、アンダースコアテンプレートを使用して、新しい要素をDOMに動的にレンダリングしました。ただし、新機能ではRaphael.jsチャートを使用する必要があります。新しい要素を作成して<div id='canvas'></div>呼び出しRaphael('canvas')ましたが、キャンバス要素がDOMに対応していないため、Raphaelは新しく作成された要素を見ることができません。

このようにid参照の代わりにjQueryセレクターを使用しようとしましたRaphael($('#canvas'))が、これによりキャンバスがコンテナー要素ではなくbody要素にアタッチされます。

Raphaelキャンバスを動的に作成された要素にバインドする方法に関する提案はありますか？

円グラフを「小さな点」から実物大の円グラフに成長させるアニメーションで表示したいのですが、この成長する円やHighcharts Demo Gallery-Pieのようなものですが、作成した円に適用したいと思います。 gRaphaelを使用して、

これが私のjsfiddleの例です...凡例付きのラファエル円グラフ

よろしくお願いします