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

javascript - ラベルをraphael.js棒グラフで機能させることができます

ラファエルチャートのラベルを取得しようとすると、次のエラーが発生します。

この線 :

私のコード:

チャートは描画されていますが、最初のラベルの最初の文字がチャートに描画されています。

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

javascript - g.raphael js(graphaeljs)、line、hoverColumnの問題

gRaphael JS lib を使用して折れ線グラフを描画しています。また、haverColumn 関数に問題があります。これは私の簡略化された hoverColumn 関数です。

マウスがチャート上にホバリングすると、hoverColumn 関数が呼び出され、ログ関数が実行されます。ただし、一部の地域では hoverColumn 関数を呼び出していません。

で、firebugを使ってデバッグしたところ、原因がわかりました。折れ線グラフに大きな四角形の領域がありました。マウスがその領域にある場合、マウスがグラフの列にあるにもかかわらず hoverColumn が呼び出されません。

理解を助けるためにキャプチャされた画像を次に示します。火のバグ、および直角。

ここに画像の説明を入力

firebug を使用して rect を手動で削除すると、hoverColumn 関数がうまく機能します ~ -_-;

市外局番は gRaphael-js によって自動的に作成されます。

それで、この問題を解決する方法はありますか?アイデアください〜

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

raphael - ラファエル アニメーションの初心者向けの質問

私はラファエルの初心者です。ここで問題が発生しました。

私はパスを定義しました:

var c = paper.path('M '+p1.x+' '+p1.y+'L '+p2.x+' '+p2.y);

ここでp1p2はパスの 2 つの終点です。

パスをマウスでクリックすると、p2 が p1 に折りたたまれ、最後に p2 がオーバーラップするときに「p1 で非表示」になるアニメーション機能が必要です。どうやってするか?

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

javascript - ラファエルチャートのラベルカラーの設定

ドットチャートの例でラベルを設定する方法がわかりません。私はそれが以下のコードと関係があると確信しています。円グラフでは機能するが、ドットグラフでは機能しないように見える凡例の色を設定してみました。何か案は?ありがとう。

true、axis: "0 0 1 1"、axisxstep:23、axisystep:6、axisxlabels:axisx、axisxtype: ""、axisytype: ""、axisylabels:axisy、legendcolor: "white"})。hover(function() {{

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

javascript - svg から html から pdf への変換

Graphael を使用して、Web ページ (他の html を含む) に簡単なグラフを描画したいと考えています。グラフを描画すると同時にグラフを .gif または .png 画像に変換する方法はありますか?

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

charts - Raphael 円グラフにクリック イベントを追加するにはどうすればよいですか?

Raphael円グラフにクリック イベントを追加するにはどうすればよいですか?

答えは次のとおりです。

onclick イベント? Here can I pass values and labels to onclick` 関数に値を渡すことはできますか?

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

javascript - 最高の JavaScript チャート ライブラリですか、ラファエル棒グラフにスケールを追加できますか?

最適な JavaScript グラフ ライブラリの選択を手伝ってくれる人はいますか? 円グラフと積み上げ棒グラフが必要です。ラファエル チャートを試してみましたが、数値スケールがないため、積み上げ棒グラフほど見栄えがよくありません。チャート ライブラリは無料である必要があります。

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

raphael - JavaScript-gRaphaelを使用した折れ線グラフの描画

右下隅のようなgRaphaelで折れ線グラフを描きたい:http://g.raphaeljs.com/linechart.html

軸の色を変更したいのですが、その方法の例が見つかりませんでした。チャートを操作する方法の例をいくつか示しますが、軸の色を変更する方法は示していません。

あなたの誰かがそれをする方法を知っていますか?

前もって感謝します、

エンネ

0 投票する
6 に答える
15105 参照

jquery - 特定の属性のjqueryアニメーション

だから私はgRaphaelを使っていくつかのチャートを作成しています。これは、いくつかのドットを含むクールな棒グラフの線を作成しています。これらのドットには、属性として x=10 y=20 の ... ノードがあります。例

rect x="135.8" y="115.8" width="8.399999999999999" height="8.399999999999999" r="0" rx="0" ry="0" fill="#ff0000" stroke="なし"

可能であれば、jquery を使用してこの男をアニメーション化したいと考えています。事は私がするかどうかです

x座標をアニメーション化するために、明らかな理由で機能しませんか?? へへ。また、属性 x を変数に設定して、それをアニメーション化しようとしましたが、何もしませんでした。gRaphael でアニメーションと SVG を手伝ってくれる人はいますか?

これは例えば動作します

ノードを移動しますが、もちろんアニメーション化はしません

ありがとう!

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

javascript - gRaphaël 3D 円グラフ

gRaphaël を使用して 3D 円グラフを作成する簡単な方法はありますか? http://www.fusioncharts.com/flex/docs/charts/contents/ChartSS/Images/Pie_3D.jpgに似たものを作成しようとしていました