問題タブ [graphael]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
913 参照

raphael - Raphael JS 3D 効果ドロップ シャドウ

かなり複雑な Raphael JS ドーナツ グラフを作成しようとしています。

いくつかの問題がありました。そのうちの 1 つは 3D 効果で、7 つのドロップ シャドウ (グロー) またはドーナツの複製を次々に追加して、形状の 7px の厚さをシミュレートすることで解決する予定です。

どうすればこれを最善の方法で行うことができますか? 前もって感謝します...

0 投票する
2 に答える
2920 参照

raphael - gRaphael折れ線グラフにグリッド線を追加する方法はありますか?

gRaphael で作成した折れ線グラフがあります。軸と目盛りがありますが、グリッド線が欲しいです。これを達成するための組み込みの方法や、私を助けるライブラリのアドオンはありますか?

0 投票する
1 に答える
1935 参照

linechart - gRaphaelライブラリ-複数行の折れ線グラフ、個別のツールチップ

ここに折れ線グラフがあります: http://jsbin.com/ugexag/1

jsbinで、1つの「列」にカーソルを合わせると、各行のデータがhoverColumn()関数を介してツールチップに表示されることがわかります。個々のデータポイントにカーソルを合わせたときにのみツールチップを表示する方法を見つけたいと思います。gRaphaelのドキュメントにはこれについて何も表示されていません。

0 投票する
1 に答える
934 参照

javascript - gRaphael - 折れ線グラフのアニメーション化が失敗する

gRaphael JavaScript 折れ線グラフ ライブラリで問題が発生しています。

5 つの列 (分数、時間、待機時間、治療中、終了、場所) を持つ CSV ファイルから折れ線グラフを作成しています。

以前は、アニメーションなしで完全なチャートを描くことができました。4行すべてが正しくありました。

今私のコードはアニメーション関数で失敗します。エラーは次のとおりです。

キャッチされていない TypeError: オブジェクト # にはメソッド 'animate' がありません

私は、jQueryがどういうわけかアニメーション機能をいじっていて、それを手綱を取ろうとしていると思います。

完全なコード:

http://pastebin.com/YmvkrmQ3

次のライブラリを順番にロードしています。

  1. ラファエル-min.js
  2. g.raphael-min.js
  3. g.line.min.js
  4. jquery.js

助けてくれてありがとう。

更新: 問題はアニメーション メソッドにあります。パス要素でメソッドを呼び出していますが、エラーが発生します。ラファエルがパス要素をパス要素として認識しない理由はまだわかりません。

jQuery を無効にしてみました (そしてその ajax 関数をバニラ JavaScript に置き換えました) が、役に立ちませんでした。

0 投票する
3 に答える
2104 参照

javascript - Raphael「ラベル」の背景色を変更します

Raphaelを使用して作成する場合Label、デフォルトのスタイルは白いテキストの黒いブロックです。

背景ボックスの色を変更できますが、テキストの色は変更できませんか?私はもう試した:

しかし、それもテキストを埋めてしまい、私は目に見えないテキストになってしまいます。

また、追加する行に応じていくつかの異なる色を使用する必要があるため、この関数のデフォルトの色を単純に変更することはできません。

ここに画像の説明を入力してください

0 投票する
1 に答える
237 参照

graphael - gRaphael barchart: バーの数とソート値の制限

gRaphael 円グラフは 10 セクターのみを受け入れ、残りは合計の 10% 未満である「OTHER」にしました。他に"?

ありがとう、ミティリ

0 投票する
0 に答える
143 参照

javascript - グラファエル横棒グラフの XY スケーリング

x 軸に最大値 (たとえば 100) を設定し、それに応じて実際の x 値をスケーリングして、グラファエル水平棒グラフで提供される最小値と最大値に比例する比率ではなく、グラフが常に同じ比率になるようにします。

0 投票する
3 に答える
548 参照

jquery - クラス名とアニメーションを使用して Raphael オブジェクトを見つけていますが、まったく機能しません

大きな円をクリックすると、クラス名を使用して小さな円を見つけ、小さな円をアニメーション化しようとしていますが、まったく機能しません。

しかし、fadeId、fadeOut プロパティは機能しています。

私の機能:

</p>

ここでjsfiddle

0 投票する
2 に答える
629 参照

javascript - gRaphaelポップアップ位置

私が見ることができることから、g​​Raphaelはポップアップを配置するための4つの位置、、、、およびをサポートするだけですup。通常はこれで十分ですが、折れ線グラフのスペースが限られているため、ポップアップはSVG内で途切れています。私の質問は、ポップアップを(右上)、(左上)、(右下)、または(左下)の位置に配置するにはどうすればよいですか?downleftrightup rightup leftdown rightdown left

0 投票する
2 に答える
1093 参照

javascript - RaphaelJSを使用してタイミングを2つのアニメーションと同期する

RaphaelJSを使用して、いくつかのスクリプトを調整して、組み合わせたい2つのアニメーションを作成しました。

  1. まず、座標に破線を描画しますhttp://jsfiddle.net/jbirthler/CvhKx/2/

    そして、座標に到達するときにパスを緩和し、円をアニメーション化しますhttp://jsfiddle.net/jbirthler/KqjHh/1/

    /li>

破線のパスが座標に到達したら、円をアニメートさせたいと思います。イージングを使用するための破線のパスを取得できれば、それはプラスになりますが、ほとんどの場合、2つを1つに結合することを検討しています。

私は自分のスクリプトを書くよりもJavaScriptを上手に読むことができますが、破線のスクリプトを分解する方法とコードが実行している手順について誰かが洞察を持っているなら、それは私にとって非常に有益です。

スタックオーバーフローに関する私の最初の投稿(そう、時間について)は、私が十分に具体的であることを願っています!