問題タブ [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 に答える
490 参照

raphael - raphael newbie: ポップアップの背景がジャンプしている

次のコードを試しました-

ラファエルのサンプルページでうまく機能します - http://g.raphaeljs.com/barchart2.html

しかし、私のページでは、ツールチップの黒背景がマウスオーバーごとに「ジャンプ」しています。[ツールチップのテキストは正しい x、y のまま]

間違ったライブラリを使用していませんか? どうすれば修正できますか?

0 投票する
4 に答える
1180 参照

javascript - gRaphael 折れ線グラフは、軸を超えて値を描画します

x 軸に沿ってミリ秒を使用して gRaphael で折れ線グラフを描画すると、データ ポイントの配置に矛盾が生じることがよくあります。ほとんどの場合、最初のデータ ポイントは y 軸の左側にあります (以下のフィドルを参照)。最後のデータ ポイントがビュー ボックスの右側を超えたり、x 軸の終端を超えたりする場合もあります。 .

誰も知っていますか:1)これが発生する理由、2)それを防ぐ方法、および/または3)それを確認する方法(いつ発生したか/どれだけ発生したかがわかれば、変換を使用して線/点を移動できます) .

私のコード:

gRaphael を使用する必要があり、x 軸はミリ秒単位である必要があります (後でカスタマイズされた日付文字列でラベル付けされます)

主なフィドルの例: http://jsfiddle.net/kcar/aNJxf/

2 番目のフィドルの例 (ページの 4 番目の例では、両方の軸のエラーが頻繁に表示されます): http://jsfiddle.net/kcar/saBnT/

根本的な原因は snapEnds 関数 (g.raphael.js の 718 行目) です。丸めは、場合によっては問題ありませんが、日付に年を加算または減算する場合もあります。

この時点以降はまだ完全には進んでいませんが、丸めが狂うたびにデータポイントがずれるので、そうでないときではなく、先に進み、これがチャート列の計算で問題を引き起こしていると仮定します、また、snapEnds に送信される前に、値が正しく計算されているだけでなく、誤って計算されたデータを受信して​​いないことを確認します。

g.raphael.js からのその関数のコード

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

charts - ExtJS/Raphaelでクロスヘア散布図が可能ですか?

次のように、散布図を作成して十字線を使用したいと思います。

ここに画像の説明を入力

y 軸を右に移動することは可能ですか?

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

jquery - Rapahel js パスの重複を回避する方法

Raphael jsに基づくフローチャートがあります。http://raphaeljs.com/graffle.htmlと同じです。ただし、長方形のラファエル ボックスが多数あり、ライン パスは直線であり、上記の例に示すように曲線ではありません。この直線タイプでは、これらの線が重なっているため、どちらがどのボックスを接続しているかわかりにくいです。

これを達成できるかどうか、またその方法を教えてください。

更新:現在のフロー図 jpeg を添付します。コネクタ ラインが Raphael シェイプをまたいでいることがわかります。また、ラインがどこから始まっているかを判断するのも非常に困難です。 ここに画像の説明を入力

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

hover - plsはgraphaelを使用したdotchartのホバー機能の例を私に提案します

gRaphaelを使用してドットチャート(バブルチャート)を作成しようとしています。しかし、ユーザーがドットにカーソルを合わせたときにホバー効果を追加する方法については、ドキュメントがあまり明確ではありません。誰かが私にいくつかの例を提案したり、同じことに関するいくつかのヘルプのヒントを与えたりできますか?よろしくお願いします。

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

jquery - gRaphael : barchart() 間のスペースを避ける方法

Raphaël の barchart 間のスペースを避けるオプションはありますか?

バーのスペースを管理するオプションがありますが、残念ながらgutterオプションはバーの幅に影響を与えています。悲しいことに、画像をアップロードするのに十分なポイントがありません:(

ここに私のコードがあります

デモ -フィドル

どんな助けでも大歓迎です

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

svg - raphael: タグ内に HTML エンティティを表示する

HTML エンティティを raphael タグに追加したいのですが、度記号ではなく deg というテキストが表示されます -

どうすればそれを逃れることができますか?

このテキストを実際に表示する言語、HTML、JavaScript、SVG のいずれかがわかりません...

ここに画像の説明を入力

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

javascript - 同じページにあるRaphaelの複数のグラフ

少なくとも2つのRaphaelチャートを使用してWebページを作成しています。

どんな助けでも大歓迎です。問題を適切に説明できたと思います。