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

ajax - AJAX リクエスト中にテーマを「印刷」する方法 (Drupal)

ユーザーがボタン (グラフ付き) をクリックすると、デフォルトの Drupal コンテンツ( ) をグラファエル インスタンスで id埋めたいと思います。div<div class="content">

JavaScript:

PHP:

これはページのコールバックにつながります: (私はifコードブロックに関心があります)

最後に、コールバック関数内で呼び出される関数:

問題:printテーマを返すことは、(ステートメントとは異なり) AJAX 要求に実際には何も送り返しません。テーマを印刷しようとしましたが、死の白い画面が表示されます。何かを印刷せずにグラフを生成するにはどうすればよいですか?

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

javascript - gRaphael 動的/ライブ更新チャート

私は gRaphael を初めて使用し、ドキュメンテーションが不十分なため、この簡単な質問をしたいと思います。

動的/ライブ更新チャートを作成する必要があり、 gRaphael の使用を検討していますline chart

または、誰かが同様の用途で良い経験をしている他の良い代替手段は非常に役に立ちます.Thank.

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

javascript - Raphael チャート、更新および置換

ラファエルで作成した円グラフがあります。クリックすると「効果」をパイに添付したいフォームチェックボックスがあります。この例では、グラデーションを使用してその後に円を作成することにより、inGlowFun() で内側のグローをアタッチしようとしています。

チェックボックスをクリックすると、目的の効果を持つ新しいパイが生成されますが、残念ながら、以前のバージョンも押し下げられて同じページに保持されます。そのため、ボックスをチェックしたりチェックを外したりし続けると、ページ上でますます作成されます。 . 目的の効果を持つ新しいグラフを作成しているときに、ページに既にあるグラフを「削除」または削除する方法はありますか?

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

javascript - 一部の Raphael タグが折れ線グラフに表示されない

ご覧のとおり、2 番目、10 番目、13 番目のラベル (Raphael 言語のタグ) は、それぞれのグラフ ポイントにマウスオーバーしても表示されません (少なくとも表示可能領域には表示されません)。ポイントを追加すると、問題はさらに悪化します (つまり、欠落したタグが増える)。問題が何であるか知っている人はいますか?

jsfiddle

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

javascript - Rails のアセット パイプラインで gRaphael アセットを可視化する方法

gRaphael を Rails と統合する方法を探していて、このgemを使用しています

宝石から、Rails エンジン用のクラスがあることに気付きました。

ファイルgraphael-rails.rb

また、Rails ガイドでは jquery の同様の動作について言及しているため、次のようになります。

7 Gem へのアセットの追加 アセットは、Gem の形で外部ソースから取得することもできます。

この良い例は、Rails に標準の JavaScript ライブラリ gem として付属している jquery-rails gem です。この gem には、Rails::Engine を継承するエンジン クラスが含まれています。これにより、この gem のディレクトリにアセットが含まれている可能性があることが Rails に通知され、このエンジンの app/assets、lib/assets、および vendor/assets ディレクトリが Sprockets の検索パスに追加されます。

私のapplication.jsに追加するとファイルが認識されると思いますが//= require Graphael、エラーメッセージが表示されるため、そうではないようですSprockets::FileNotFound couldn't find file 'Graphael'...

スプロケットが gRaphael を認識できるようにするにはどうすればよいですか?

ありがとうございました

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

javascript - レール上での gRaphael の使用方法

Rails の初心者として、私は Rails で動作する優れたオープン チャート ライブラリを見つけようとしています。

いくつかの調査で、gRaphael を見つけました。Rails アプリで使用できれば、うまくいくようです。グラファエル (graphael-rails) を集約しているように見える宝石を見つけましたが、実際にはそうではありません。ファイルを参照できず、ローカルの資産ディレクトリにコピー/貼り付けする必要があるため、使用方法を理解しています。

私はガイドラインに従い、raphael-min.js、g.raphael.js、および g.pie.js を assets/javascripts フォルダー内に配置し、demo.css ファイルを stylesheets フォルダーに配置し、いくつかの背景画像を配置しました。 .

application.html.erb に追加しました

そして私の見解に:

問題は、何らかの理由で円グラフ関数が Raphael DOM オブジェクトに組み込まれていないことです....

私は何を間違っているのでしょうか?私はこれに関する答えを探すのに丸一日を費やしました。ここで何か助けていただければ幸いです。

これが私のhtmlファイルにロードされているスクリプトです

そして私のapplication.jsファイルの内容:

raphael の js ファイルが 2 回読み込まれていることに注意してください。application.html.erb ファイルにそれらを含める唯一の理由は、そうしないと、g.raphael.js と g の後に raphael-min.js が読み込まれるからです。それに依存するpie.js、そしてjavascriptエラーが発生します...

これに関する提案はありますか?

ありがとう

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

javascript - グラフに任意のテキストを追加する

グラフグラフ領域の左下隅にテキストを少し追加するにはどうすればよいですか?私はグーグルで検索しましたが、ラファエルのドキュメントはあまり良くありません:(

乾杯!ジョン。

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

jquery - タブ付きのajaxページでのラファエルグラフの不適切な読み込み

こんにちは、統計のために私のウェブサイトでラファエルの折れ線グラフを使用しています。グラフは私のサイトのダッシュボード内にあり、ダッシュボードは jquery bbq タブ付きです。初めてグラフに移動すると、グラフ全体が歪んでいて、ページを更新するまで正しく表示されます。これが実際に何を引き起こしているのかはわかりませんが、レポート タブに直接移動したい場合は、グラフが正しく表示されるため、読み込み方法に関係があると思います。

私は人々が署名して何が起こっているかを見るためのゲストアカウントを持っています.
http://nichepage.com
ユーザー: ゲスト
パスワード: ようこそ

  1. サインインして、この URL http://www.nichepage.com/dashboardにアクセスします。
  2. 最後のタブ「ニッチ レポート」をクリックすると、グラフが正しく表示されていないことがわかります。
  3. ページを更新すると、グラフが正しく表示されます
  4. レポート タブに直接移動してみてください http://www.nichepage.com/dashboard/#p=r
0 投票する
1 に答える
950 参照

javascript - 面グラフの一部を選択できる Javascript チャート プラグイン

グラフ曲線上の2つの隣接する点の間の部分をホバリングする機能を備えた面グラフを作成できるjavascriptチャート作成ライブラリを探しています。基本的には次のようになります。

チャート図

また、このサンプルで見られるように、ポイント間の線を滑らかにすると非常に便利です (通常の直線の代わりにベジエ曲線を使用してください)。

どんな助けでも深く感謝します。