問題タブ [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.
javascript - gRaphaelの棒グラフにx軸とy軸を追加しますか?
gRaphaeljavascriptライブラリを使用して棒グラフを作成したいと思います。gRaphaelはラベル付き軸をサポートしていますか?
hover - gRaphael折れ線グラフのドットホバー領域オフセット
gRaphaelを使用して、折れ線グラフ上の点に対して情報を表示するためのホバー効果を取得しようとしています。ここで動作する基本バージョンがありますhttp://www.matthewhollings.co.uk/svg/raphael-line-test.htmlですが、2本の線が近いときにホバーが応答するポイントに対してオフセットがあるようです一緒。マウスポインタが最も近いときに各ポイントが応答するようにこれを修正する方法を誰かが知っていますか?
また、折れ線グラフをラファエルのWebサイトにあるもののように見せようとしています。ここでは、ホバーフラグにポイントのx値とy値の両方が含まれ、パスに沿ってアニメーション化されています。それについての助けをいただければ幸いです!
よろしくお願いします、
マット
javascript - gRaphael Js:データチャート(円、棒など)を作成するためのチュートリアルはどこにありますか
gRaphaelを使用してWeb上でデータ表現を生成するためのチュートリアルはどこにありますか?オンラインのドキュメントはないようです。
どうもありがとう
raphael - テキスト付きのグラフ棒グラフ x 軸
おそらく「今日」と「昨日」の値を持つx軸として日を持ち、対応する値「1」と「2」を持つおそらく「時間」としてy軸を持つ単純な棒グラフをどのように作成できるか疑問に思っていました. '。テキストを x 軸の値として設定する方法、y 軸を表示する方法、および rgaxis が正確に何をするかについて混乱していると思います... (使用する例を見つけaxis = r.g.axis(0,300,400,0,500,8,2)
ましxpos
たypos
。width
、??
、?? num ticks
、??
)。どんな洞察も素晴らしいでしょう!または、より完全な機能を備えた棒グラフの例 (ラベルなど) を含むページ。ありがとう。
jquery - g.raphael または jquery svg を使用して、2 つの異なるスケールの折れ線グラフを作成するにはどうすればよいですか?
ここのグラフに似たトルク曲線をプロットする必要があります。どんな提案でも大歓迎です。ありがとうございました!
javascript - g.raphael.js 円グラフのグラデーション効果
raphael.js を使用して Web サイトに画像/グラフを描画していますが、円グラフにグラデーション効果を実装するのに問題があります。
私はそれをそのように呼びます:
いくつかの例に示されているように、グラデーション効果が可能であるというドキュメントを読みました。
私は試しました: {colors: ["r#fff-#ccc","r#fff-#ccc","r#fff-#ccc"]} または {gradients: ["r#fff-#ccc"," r#fff-#ccc","r#fff-#ccc"} でも無駄に..
試した人いる?
ありがとう!
line - 既存の折れ線グラフに折れ線を追加
利用可能なグラファエルに関するドキュメントはそれほど多くないようです。そのため、以前にグラファエルを試した人がいるかどうかを確認するためにここに質問します。既存の折れ線グラフ (rglinechart) に線を追加することはできますか? そして、どうすればそれを行うことができますか?
どうもありがとう、マックス
javascript - Railsアプリに表示されないgRaphaelデータのドットチャート
私はgRaphaelを初めて使用し、ソースコードの選択を解除できるハードコアJS開発者ではありません。また、適切に使用する方法についてのドキュメントはありません。
アプリでドットチャートを起動して実行したいと思っていますが、x値とy値がチャートキャンバスにドットを描画する方法について混乱しています。
グラフのベースとしてhttp://g.raphaeljs.com/dotchart.htmlのデモを使用しています。ただし、データセットをいじくり回すと、グラフからすべてのドットが失われます。
キャンバス内のドットとxおよびyの関係を理解していないと思います。
データベースから返すデータを以下のコードに含める方法について誰かに教えてもらえますか?
返されるデータは、8から56の範囲の23個の要素を持つ配列です。
このような出力:
フレデリコ、なぜこのチャートが画面に何も表示されないのか説明できますか?説明が当てはまる場合は、23個のデータポイントのそれぞれをキャンバス全体に連続した線で表す必要があります。
ただし、何も表示されません。これは私のデータで発生している問題であり、このハードコードされたスクリプトのデータとほぼ一致しています。では、元の出力(質問を参照)のデータを正しく表示するにはどうすればよいと思いますか?
raphael - g.raphaelクリック可能なバーのある棒グラフ
積み上げ棒グラフ(私の場合は水平)の各セグメントを特定のハイパーリンク(基本的には「ドリルダウン」)をクリックできるようにします。この機能はg.bar.jsにあるとは思いませんが、誰かがこれを行ったことがありますか、それとも私を正しい方向に向けることができますか?ドットチャートにも役立ちます。
raphael - gRaphael: 棒グラフの棒の間隔を広げる方法
gRaphael チャート ライブラリを使用して横棒グラフを作成しました。バーの間隔を広げたい。それを行うオプションはありますか?