問題タブ [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 投票する
1 に答える
270 参照

javascript - グラファエルのプラグインチャート

私はプラグインを作成しているか、少なくとも gRaphael についてはそう考えています。これはウォーターフォール プラグインであり、gRaphael/Raphael のプラグインを作成するためのベスト プラクティスに関連するドキュメントがどこにあるかを探しています。私は、構造がどうあるべきかを非常によく説明しているサイトにあるjQueryのようなものを探しています。

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

javascript - どの値もゼロでない場合、グラファエルでゼロから始まる y 軸を取得するにはどうすればよいですか?

Y 軸が 0 から始まるグラフを作成したいのですが、私の値はどれも 0 ではありません。グラファエルでそれを行うにはどうすればよいですか?

拡張機能として、最大値が提供されたデータの最大値の 2 倍である y 軸を持つグラフを作成するにはどうすればよいですか?

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

animation - g.raphael棒グラフと値の更新/アニメーション

いくつかの棒グラフに取り組んでおり、グラフの値を更新する必要があります。これを行うために私が見つけた唯一の方法は、すべてを再描画することです。バーを簡単に更新する方法はありませんか?もしそうなら、私が本当に望んでいるのは、その変化をアニメートすることです。助言がありますか?

http://jsfiddle.net/circlecube/MVwwq/

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

javascript - gRaphael 折れ線グラフの陰影の変更

現在、gRaphael で折れ線グラフを実装しています。これは、x 軸が y 軸を上に移動してゼロになるようにする必要があります (これは、独自の軸を描画することで既に達成しています)。

ただし、x 軸の上/下の領域をシェーディングしようとすると、問題が発生します。gRaphael の shade 関数は、グラフの下部から Y の高さまでのみシェーディングします (y 軸の 0 から y の高さまでとは対照的です)。結果は次のとおりです。

http://i.stack.imgur.com/ZuPhw.png

g.line.js で、役に立ちそうに見えるいくつかの行を見つけましたが、「L」、「C」、および「M」の値が何を意味するのかわかりません (これらは、線を引くプログラムの一部など?)

私より詳しい人からの助けをいただければ幸いです。

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

javascript - gRaphaelグラフに関するドキュメント

私はさまざまなJavaScriptベースのグラフ作成オプションを試してきました。私はHighchartsが大好きですが、gRaphaelも見てみたいと思いました。gRaphaelのドキュメントが本当に不足していて、kennyshenの努力も多くのことをカバーしていないことがわかりました。その結果、gRaphaelを使用したチャート作成で多くの問題が発生しています。誰かが私に堅牢なドキュメントを教えてもらえますか?

また、Raphaelだけで同様のグラフを作成できますか?もしそうなら、誰かが私にある種のチュートリアルを指摘してもらえますか?私の主な要件は棒グラフ/縦棒グラフです。

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

graph - RaphaeljsチャートにX軸とY軸のラベルを追加する方法

私はRaphael.jsを使用してデータのグラフを作成しようとしていますが、その後、解決しようとしているjsにはいくつかの制限があることに気付きました。

値が500を超えると、グラフはまったく表示されず、軸のみが1行の端にプロットされて表示される(つまり、制限を超えている)ことに気付いたので、y軸の値を動的にスケーリングする方法を知っている人はいますか? )。

次に、凡例または軸ラベルをグラフに追加する方法はありますか?または、グラフラベルをhtmlとして個別にコーディングする必要がありますか?

たくさんありがとう!!! その見栄えの良いツールですが、それはまったく役に立たないようです...

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

raphael - プラグインなしで RaphaelJS 円グラフを作成する

Raphael JS 用の円グラフ プラグインが存在することは知っていますが、そこに存在しないプログラミングを追加する必要があります。Raphael JS でゼロから円グラフを作成するにはどうすればよいですか?

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

svg - Graphael pie.js の unhover イベントがありません

Graphael には、奇妙な理由で unhover イベントがありません。ホバー イベントを作成するコードのこのチャンクが pie.js で見つかりました。

unhover イベントは Raphael JS は次のコード スニペットです。これら 2 つを使用して、Grapael 円グラフの unhover を作成する方法が必要です。私は困惑しているので、ここでの助けは非常に高く評価されます!

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

javascript - どうすればsvg要素にIDを割り当てることができますか?(raphaeljsバーへ)

g.raphael棒グラフのraphaeljsバーにIDを割り当てる方法と、後でそれらにアクセスする方法

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

javascript - gRaphael ライブラリ: 折れ線グラフを作成できません

私は gRaphael JavaScript ライブラリを使用しており、単純な折れ線グラフを描画しようとしています。
私が現在ページに持っているコードは次のとおりです。

ここにあるチュートリアルからこのコードを見つけました: https://github.com/kennyshen/g.raphael/blob/master/examples/linechart/linechart_basic.html

必要なすべてのファイルraphael.jsg.raphael.js、およびg.line.jsもページの前半に含まれています。

ページを表示すると、白い画面として表示されます。助けていただければ幸いです、ありがとう。