問題タブ [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.

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

javascript - センサーデータのリアルタイムグラフを実装するには?

温度センサーを BeagleBone Black [BBB] ボードに接続しました。1 秒間隔で温度を感知して BBB に渡し、beaglebone はそれを別のコンピューターの mysql データベースにダンプします。温度データをグラフ形式で表示したい。グラフは毎秒更新する必要があります。

c3、canvasJS などのさまざまなライブラリを試しましたが、リアルタイム更新で実装できませんでした。サンプル温度データ:

1:32

2:33

.

. . . すぐ..

以下は、私が試したcanvasJSコードです

問題は、このコードがシフトしないことです。グラフが複雑になりすぎて見えなくなるため、グラフに新しいデータポイントを追加するだけです。

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

javascript - Canvas.js が幅を広げると 12AM と表示される (奇妙なバグ)

ポイントにカーソルを合わせると、 canvas.jsグラフのツールチップに「12:00AM: 0.0645840023」と表示されるのはなぜですか?

JSFiddle: http://jsfiddle.net/ssjqoa64/2/

コンテナ/ウィンドウの幅を広げると、 12AM bug が表示されます。非常に奇妙なバグ。

代わりに日付を表​​示する必要があります。

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

javascript - UIを遅くすることなく、canvasjsで複数のリアルタイムグラフを作成する方法は?

私はJavaScriptとjQueryのことは初めてです。複数のリアルタイム グラフを作成したいので、グーグルで調べたところ、canvasjs を使用してこれを実現できることがわかりました。3 つの異なるグラフを 1 つの jsp に含めるために 3 つの異なる JavaScript 関数を作成しました。すべての関数は、データ用に個別のサーブレットにポーリングします。データポイントがデータシリーズに蓄積し始めると、UI がスタックして遅くなります。私は何を間違っていますか?ライブデータをプロットするための正しい構造は何ですか? このトピックに関するヘルプをいただければ幸いです。

JavaScript関数も投稿しています。

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

javascript - 生成された値を取得してグラフに挿入するにはどうすればよいですか?

こんにちは、私は Web デザインの初心者で、専門用語の一部が間違っている可能性があります。各講義の平均評価を示す講義のグラフを作成しようとしています。18回の講義それぞれの平均をすでに計算しています。ここで、それぞれの値を取得し、グラフに値として挿入します。

講義をクエリして出力する方法は次のとおりです。

次に、OnLoadこれを行います:

そして私のターゲットコンテナ:

現時点ではこんな感じ

データベースの値を CanvasJS グラフに使用するにはどうすればよいですか?

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

canvasjs - canvasjs を使用してグラフのラベルでクリック イベントを発生させることはできますか?

こんにちは、canvasjs を使用して積み上げ棒グラフを作成しています。しかし、チャートのラベルでクリックイベントを発生させる問題に直面していますか? ラベルにクリックイベントを実装するにはどうすればよいですか?

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

canvasjs - CanvasJS ChartsのdataPointsへの右クリックイベントハンドラ?

CanvasJS Charts の dataPoints に右クリック イベント ハンドラを追加できますか?

ドキュメントには、使用可能なイベントとして「クリック、マウスオーバー、マウスアウト、およびマウス移動」が記載されていることを認識しているため、ドキュメントに記載されていない機能またはこれを達成するためのトリックを探しています。

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

canvasjs - ラベルを反対方向に傾けますか?

現在、CanvasJS は、下の画像に示すように、一方向 (ベースラインが左側) のラベルの角度付けのみをサポートしているようです。矢印で示すように、テキストを反対方向に回転させたい (テキストのベースラインが右側にある)。

CanvasJS チャート ラベル

これまでのところ、axisX の labelAngle を 90、270、-45、-90、および -270 に設定してみました。これらのどれも、私が望むようにベースラインを右にシフトする結果にはなりませんでした。また、テキストを強制的に左のベースラインで最大 90 度にしました。

これは現在のバージョンで可能ですか?@Devs: 現在のバージョンで利用できない場合、これのサポートを追加することは可能でしょうか?