問題タブ [canvasjs]
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 - センサーデータのリアルタイムグラフを実装するには?
温度センサーを BeagleBone Black [BBB] ボードに接続しました。1 秒間隔で温度を感知して BBB に渡し、beaglebone はそれを別のコンピューターの mysql データベースにダンプします。温度データをグラフ形式で表示したい。グラフは毎秒更新する必要があります。
c3、canvasJS などのさまざまなライブラリを試しましたが、リアルタイム更新で実装できませんでした。サンプル温度データ:
1:32
2:33
.
. . . すぐ..
以下は、私が試したcanvasJSコードです
問題は、このコードがシフトしないことです。グラフが複雑になりすぎて見えなくなるため、グラフに新しいデータポイントを追加するだけです。
javascript - Canvas.js が幅を広げると 12AM と表示される (奇妙なバグ)
ポイントにカーソルを合わせると、 canvas.jsグラフのツールチップに「12:00AM: 0.0645840023」と表示されるのはなぜですか?
JSFiddle: http://jsfiddle.net/ssjqoa64/2/
コンテナ/ウィンドウの幅を広げると、 12AM bug が表示されます。非常に奇妙なバグ。
代わりに日付を表示する必要があります。
javascript - UIを遅くすることなく、canvasjsで複数のリアルタイムグラフを作成する方法は?
私はJavaScriptとjQueryのことは初めてです。複数のリアルタイム グラフを作成したいので、グーグルで調べたところ、canvasjs を使用してこれを実現できることがわかりました。3 つの異なるグラフを 1 つの jsp に含めるために 3 つの異なる JavaScript 関数を作成しました。すべての関数は、データ用に個別のサーブレットにポーリングします。データポイントがデータシリーズに蓄積し始めると、UI がスタックして遅くなります。私は何を間違っていますか?ライブデータをプロットするための正しい構造は何ですか? このトピックに関するヘルプをいただければ幸いです。
JavaScript関数も投稿しています。
javascript - 生成された値を取得してグラフに挿入するにはどうすればよいですか?
こんにちは、私は Web デザインの初心者で、専門用語の一部が間違っている可能性があります。各講義の平均評価を示す講義のグラフを作成しようとしています。18回の講義それぞれの平均をすでに計算しています。ここで、それぞれの値を取得し、グラフに値として挿入します。
講義をクエリして出力する方法は次のとおりです。
次に、OnLoadこれを行います:
そして私のターゲットコンテナ:
データベースの値を CanvasJS グラフに使用するにはどうすればよいですか?
canvasjs - canvasjs を使用してグラフのラベルでクリック イベントを発生させることはできますか?
こんにちは、canvasjs を使用して積み上げ棒グラフを作成しています。しかし、チャートのラベルでクリックイベントを発生させる問題に直面していますか? ラベルにクリックイベントを実装するにはどうすればよいですか?
canvasjs - CanvasJS ChartsのdataPointsへの右クリックイベントハンドラ?
CanvasJS Charts の dataPoints に右クリック イベント ハンドラを追加できますか?
ドキュメントには、使用可能なイベントとして「クリック、マウスオーバー、マウスアウト、およびマウス移動」が記載されていることを認識しているため、ドキュメントに記載されていない機能またはこれを達成するためのトリックを探しています。
canvasjs - ラベルを反対方向に傾けますか?
現在、CanvasJS は、下の画像に示すように、一方向 (ベースラインが左側) のラベルの角度付けのみをサポートしているようです。矢印で示すように、テキストを反対方向に回転させたい (テキストのベースラインが右側にある)。
これまでのところ、axisX の labelAngle を 90、270、-45、-90、および -270 に設定してみました。これらのどれも、私が望むようにベースラインを右にシフトする結果にはなりませんでした。また、テキストを強制的に左のベースラインで最大 90 度にしました。
これは現在のバージョンで可能ですか?@Devs: 現在のバージョンで利用できない場合、これのサポートを追加することは可能でしょうか?
