問題タブ [rgraph]
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 - JavaScript を使用して特定の ID を持つ要素にデータを送信するにはどうすればよいですか?
WebSocket を使用して、とcanvas
という ID を持つ2 つの異なる es に送信する必要があるデータのパケットを受信しています。これらのes にはグラフが描かれており、定期的に新しいデータでグラフを更新したいと考えています。ただし、データを正しい要素に送信する関数を呼び出すと、コンソールに、データが1 回、1 回送信され、その後、データは更新のためにのみ送信されることが示されます。これが私のコードです:magnitude1
magnitude2
canvas
magnitude1
magnitude2
magnitude1
詳細: ソケットを介してパケットをフロートとして取得し、に格納したいと考えていますrealData
。nodeID
これを、パケットの最初の数字である を残りのデータから分離する関数に渡したいと思います。これを使用してcanvas
、データの送信先を決定します。行では、 asvar magPlot = new RGraph.Bar('magnitude'+index,magnitude);
を渡します。と言うコンストラクタの部分は、グラフを作成したいのを決定する必要があります。これがエラーの場所だと思います。、、およびを組み合わせて両方のグラフを更新できるようにしたいのですが、更新のみのようです。何が起こっているのかを確認するためにコンソールを見たところ、すべてのパケットが最初に送信され、次に送信されたことがわかりました。nodeID
index
'magnitude' + index
id
canvas
setInterval
readMagPacket
Mag
magnitude1
readMagPacket
後から呼ばれました。理想的には、readMagPacket
通過する各パケットで呼び出されることを望みます。それを実現するためにコードを修正する方法はありますか?
javascript - 水槽のJavaScriptアニメーション
RGraph ライブラリを使用して垂直プログレス バーを操作しようとしていますが、プログレス バーを作成した後、そのプロパティを操作できないため、行き詰まっています。使用しているコードは次のとおりです。
その後、ボタンをクリックして値のプロパティを読み取ろうとしましたが、未定義と表示されます:
別の関数で作成されたオブジェクトのプロパティにアクセスするにはどうすればよいですか? 私の考えは、Web ページに配置されたコントロールに従ってプログレス バーのレベルを変更することです。
提供されたヘルプに事前に感謝します。
javascript - RGraphを使用したJavaScriptアニメーション折れ線グラフ
RGraph を使用して、DB からのデータで折れ線グラフを描画しています。ウェブページの読み込み時に単一のリクエストを使用して実行できますが、新しい線が既存の線と重なるため、グラフを更新できませんでした.キャンバスをクリアして新しい値で再度描画する方法はありますか? . これは最初のリクエストのコードです:
javascript - excanvas のメソッドを呼び出すには?
私はあなたから少し助けが必要です。excanvas.jsを使用してキャンバス イメージを作成したところ、適切にレンダリングされました。同じキャンバスを使用して別の画像を描画したいのですが、その前に同じキャンバスをクリアする必要があります。そうしないと、画像が互いに重なってしまいます。同じキャンバス要素に対してexcanvas.jsからfillRect ()または別のメソッドを呼び出す方法を誰か説明してもらえますか?? IE8をブラウザとして使用しています。
charts - RGraph: クリックすると円グラフが消える原因は何ですか? (#rgraph)
私は新しい RGraph ベータ リリースを使用していますが、ページの他の場所をクリックするとこの円グラフが消える理由がわかりません。これが起こっているスクリーンキャストです:http://screencast.com/t/zPRhMqnCKkk8。
このページには他のグラフがありますが、これを行うものはありません。Set() 経由でクリック イベント リスナーを無効にする方法はありますか?
アップデート
RGraph の作成者である Richard は、コメントでこの問題を完全に説明しています。RGraph.common.dynamic.js を削除した後、私の問題は解決しました。ただし、動的機能を使用する必要がある場合、このソリューションはうまくいかない場合があります。
charts - 軸のテキスト ラベルの代わりに円形のアバターをインストールすることは可能ですか?
棒グラフの Y 軸に人物の顔を配置する必要があります。軸ラベルの代わりにカスタム イメージをインストールすることはできますか? ソリューションで、border-radius、border-style、および image URL プロパティを有効にすることが理想的です。
image-axis-label のクリックとマウスオーバー イベントを有効にするためのドキュメントを教えていただければボーナス ポイントです。