問題タブ [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.
jquery - jquery ui スライダー値による gRaphael グラフの動的更新
初心者の質問: jquery ui スライダーを使用しています。スライダーの値が (計算後に) 変化すると、gRaphael チャートを動的に更新したいと考えています。
問題 1. 計算関数から返された値を gRaphael 棒グラフの data[] に代入するにはどうすればよいですか?
編集: 示唆されているように、最初の質問http://jsfiddle.net/anubhabB/VrgcC/30/に最初に焦点を当てています。
私が達成したいのは、update() の「var sliderVal」に基づいて動的に反応する gRaphael 棒グラフです。このようなトランジション(http://jsfiddle.net/MVwwq/86/)をスライドイベントとスライダーからの動的データに実現したい!!
raphael - ラファエル円グラフは、値が1つしかない場合は常に青です(1つのスライスで円の色を設定する方法)
ラファエル円グラフに問題があります。私が使用しているデータは動的であり、場合によっては 1 つの値のみが返されます。これは、唯一のスライスであるため、グラフ全体が塗りつぶされていることを意味します。問題は、値が 1 つしかない場合、色の指定が無視されることです。
例: 以下は、2 つの値を持つラファエル円グラフの作成です。各スライスには、「色」セクションで指定された適切な色があります。
これは問題なく動作し、2 つの適切なサイズのスライス (1 つは黒、もう 1 つは灰色) が得られます。
ただし、以下の例では、色の設定に関係なく、常に青で塗りつぶされた 1 つの完全なパイが作成されます。
この状況では、「色」で設定されているため、パイ全体を黒くする必要があります
私は何か間違ったことをしていますか、それともこれはバグですか?
jquery - 1 つのドキュメントの jQuery Mobile 環境で Elychart を再描画する
私は、jQuery モバイルを使用して異なるページ間を切り替える 1 つの HTML ドキュメントにすべて格納されている統計 Web アプリを作成しました。ローカル データベースから情報を取得するElycharts ( elycharts.com ) でグラフを作成します。チャートのあるページに切り替えるたびに、データベースからエントリをロードしてチャートを描画する関数をトリガーします。
ページを初めてロードしたときに、グラフィックの一部が欠落しているという問題に遭遇しました。ブラウザで実行すると、更新後に表示されます。
新しいエントリを追加すると、新しいポイントが最後のエントリの上に描画されます。チャートは以前のバージョンの上に描かれているようです。
本当にきれいな再描画をトリガーしたり、出力に動的に多くのエントリを挿入したりする方法を知っている人はいますか?
私は何日もの間、輪になって走っています。マニュアルが不完全で、コード内のコメントが英語とイタリア語が混在している...別のライブラリに切り替えようかと思ったのですが、これまでに作成したチャートは非常に見栄えが良く、iPad で動作します。これらのバグを取り除く必要があります。
申し訳ありませんが、ここでコードを提供することはできません。
javascript - Raphael js、バーの各値の高さを静的にする方法
みなさんご存じのとおり。g。ラファエルバーは基本的にオプションで作成し、SVGオブジェクトにレンダリングします。バーの高さは、各入力の値をアスペクトで反映します。
ただし、値の各高さピクセルを静的にするオプションまたは方法がある場合
たとえば、次のようになります。
結果は次のようになります。
値=30の場合、このバーの高さはグラフで300pxになります。
誰か助けますか?ありがとう。
javascript - Raphaeljs バブル チャート クエリ (これが正確にどのチャートか教えてもらえますか?)
この種のチャートをどのように実装すればよいか教えてください。大きな円 (100%) の中に大きな円を分割する小さな半円があるグラフを実装するには、javascript ライブラリを使用する必要があります。その種類の円グラフですが、正確な円グラフではありません。大きな円の中に半円を入れたい バブル チャートのように見えますが、円で囲まれています。これにはどのライブラリを使用すればよいかよくわかりません。
どんな助けでも大歓迎です!
javascript - gRaphael で X 軸のオフセットまたはパディングを取得することは可能ですか?
gRaphael で作成しようとしている非常に単純な折れ線グラフがあります。私の問題は、グラフの最初の値が常に y 軸上に配置されることです。最初のポイントにパディングまたはオフセットを追加して、y 軸上にならないようにする方法はありますか?
私が試した解決策の 1 つは、他の行の x 値よりも 1 つ小さく、1 つ大きい別の x 値のセットを追加することですが、これにより x 軸のラベル付けが台無しになります。
私の問題を説明するためにjsFiddleを作成しました。その中で、最初のグラフは私が現在持っているもので、2番目のグラフは上記の解決策の問題を示しています。
javascript - javascriptライブラリを使用したカスタム形状のグラフ
対話バブルの形を作り、その対話バブル内の統計をラファエルjsで表示する方法はありますか?
どんな助けでも大歓迎です
javascript - Raphael jsでポジションを動的にするにはどうすればよいですか?
私はこのようなものを設計しましたhttp://jsfiddle.net/suchitadoshi1987/dfNB8/、
今、私はこれらの 3 つの円を別の場所に動的に配置したいと考えています。これは基本的にグラフであり、グラフ内の円は統計です。では、円を動的に配置するのを手伝ってくれる人はいますか?
ありがとうございました。
javascript - Raphael折れ線グラフのアニメーション化とグラフの更新
私はラファエルライブラリを初めて使用するので、まだそれを回避する方法を学んでいます。グラフを希望どおりにセットアップできましたが、現在は次の2つのことを実行しようとしていますが、必要なドキュメント/例を見つけるのが困難です.
これが私がこれまでに持っているものです
http://jsfiddle.net/PA67H/
- グラフがこれに似たものでロードされたときに初期データポイントをアニメーション化します
- データポイントの変化をアニメーション化するため、ボタンが押されるとデータソースが var2 に変更されますが、ここのようにアニメーション化された方法で