問題タブ [graphing]

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 に答える
299 参照

canvas - 適切なHTML5キャンバスコントロールポイント

私はcanvas要素で遊んでいて、quadraticCurveToメソッドのサポートが必要です。キャンバス上の描画をグラフ電卓に表示されるものに反映させたいと思っていました。

現在設定されているので、コントロールポイントの座標はendpoint_x,start_yです。

開始点(頂点も)、終了点、および制御点を含む図:

方程式を作成し(に基づいてy = a(x - h)^2 + k)、方程式を計算機に接続した後、グラフに反映されているものが得られません。私が使用する適切なコントロールポイントは何ですか?

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

html - HTML4のボタンなしのPOSTDATA?

HTMLページにグラフがあります。グラフは、IMG タグ内の cgi-bin プログラムへの呼び出しによって生成されます: <IMG src="http://myserver.com/cgi-bin/StatBarChart.cgi?data=1,2,&data=3,5 ,1&legend=EC,ER"> 現在、グラフのデータは GET 引数として (URL 自体で) 渡されます。

すべて正常に動作していますが、GET 引数が長すぎます。POSTDATA経由でデータを渡したい。私が持っているすべての本 (および私が見つけた Web 上の議論) は、送信ボタンを含むフォームでの POSTDATA の使用について述べています。送信せずに、グラフをページの一部として表示したいだけです。これはできますか?HTML4 で実行できますか、それとも JavaScript が必要ですか?

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

ruby - Mac用のRuby gemをグラフ化しますか?

私はRubyを使ったプログラミングにかなり慣れていないので、グラフを作成できるようにgemをインストールしようとしています。gruff と gnuplot の両方でエラーが発生したため、失敗しました。誰かがインストール方法またはリンクの詳細なステップバイステップを教えてもらえますか? ありがとう

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

statistics - 一般的なグラフ作成およびチャート作成ソリューション

私は一般的なチャートソリューションを探しています。理想的には、次の機能を提供するホスト型ソリューションではありません。値が次のような値のタプルをチャート化する:
1)サービス識別子(CPU使用率など)
2)そのサービス内のクライアント識別子(例:サーバーIP)
3)値
4)ミリ秒/秒の解像度のタイムスタンプ。

オプション:クライアント識別子の概念をさらに拡張したいのですが、上記の例をさらに取り上げて、各コアの統計を個別に保存したいので、別の識別子はCore 1 /Core2になります。

さて、問題を明確に述べていることを確認するために、これらの統計を収集するユーティリティは必要ありません。それらを保存するものが欲しいのですが、これも必須ではなく、いつでもMySQLなどに保存できます。

私が探しているのは、これらのような値を取り、さまざまな方法(タイムライン、モーション、および通常のもの[パイ、バー..])でそれらをうまくグラフ化するものです。基本的に、このすべてのデータを利用できる優れた視覚化パッケージです。複数のサービス、複数のアプリケーションからデータを収集することになり、データポイントの解像度はさまざまになります。一部のデータには複数のネストレイヤーが含まれ、一部には含まれません。(たとえば、CPUはサーバーIP、CPU#になりますが、メモリはサーバーIPのみになりますが、別の識別子が含まれます。つまり、「セカンダリ」識別子として空き/使用済み/キャッシュされます。平均リクエストレイテンシのようなものはそうではない可能性がありますpingの場合は、セカンダリ識別子があります)。私が理解しようとしているのは、識別子の複数のレイヤーがあると便利だということです。複数の識別子が優れている最後の例を1つ追加するには、ip / cpu#の上にプロセス名という識別子を追加します。その利点は明らかだと思います。

一部のアプリケーションでは、あらゆる側面に焦点を当てて非常に狭い範囲でデータを収集する場合がありますが、それ以外の場合は、より一般的な統計になる場合があります。何かがうまくいかないときは、どちらも役に立ちます。最初は「何かがうまくいかなかった」とすぐに言い、2番目は「なぜ?」と言います。

さらに、グラフ作成アプリケーションが「悪い」値をスローした場合、つまり、何らかの理由で監視プログラムがシングルコアで使用されている300%のCPUの値を10秒間スローし始めた場合、それは良いことです。チャート自体が長期的にそれを反映していなかった場合は素晴らしいです。ある種の平滑化、多分?ただし、これは明らかにデータレイヤーで実行できるため、要件ではありません。

最後に、2つの時点を比較したり、同じサービスの2つの異なるクライアント識別子などをあまり労力をかけずに比較したりするのは素晴らしいことです。

私は特定の言語に偏っていませんが、PHP、Python、C / C ++、C#(次のいずれか)の言語が好きです。これらは私がよく知っている言語だからです。オープンソースである必要はなく、ライブラリである必要もありません。私は自分の目的に最も適したものを使用することにオープンです。

要件よりもPSの方が多い:技術者でない人でも理解しやすく、それに基づいて行動できる(そして見るのが好きな)きれいなチャートが欲しいです。

明確にさせていただきますので、よろしくお願いいたします。

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

c++ - イベントロギングシステムの(再帰的な)ログオブジェクトの設計

イベントを保存するシステムを設計しています。各イベントには、3つの基本的なプロパティがあります
。1。タイムスタンプ(64ビット)
2。キー(それが何であるか)。
3.値(イベントの実際の値)。

イベントキーは通常文字列であり、イベント値はほとんどの場合数字です。

これまでのところ単純ですが、ここでは少し泥だらけになります。イベントシステムは、非常に高いレベルへのドリルダウンを可能にすることになっています。これが何を意味するかは、例で最もよく説明されています。

注意:簡潔にするためにタイムスタンプを省略します。

したがって、上記のように、値は実際にはツリーになります。ええと、各k / vを個別に保存し、「親キー」を維持しないのはなぜかと言うかもしれません。これは、書き込みが増えるため(そして最終的にはイベントが検索されるときに読み取り負荷)、非効率になります。1回の操作でそれらを書き出し、一度にオブジェクト全体を読み戻す方がはるかに効率的です。

これをどのように設計するのが最善か疑問に思います。オブジェクトは本質的にC++クラスです(ただし、相互運用性のために、実際にはプロトコルバッファ/スリフトのシリアル化フレームワークです)。

イベントシステムはアプリケーションに依存しませんが、直感的なクライアントを提供する優れたAPIが必要です。

以前にこのようなものを設計したことがありますか?考え?あなたはそれについて行くための最良の方法は何だと思いますか?

前もって感謝します。

PS:1日あたり数百万のイベントが予想され、データに基づいてグラフを作成します。

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

sql - プロット用の SQL 保存データのサブサンプリング

30 秒ごとに (timestamp, stock_price) を SQL データベースに記録するプログラムがあり、さまざまなタイムスケールでの株価のプロットを生成するとします。1 時間の範囲で測定値をプロットする場合、その間に取得した 120 個のサンプルすべてを使用してもかまいません。ただし、1 年間の範囲で価格をプロットしたい場合は、データベースから 100 万を超えるサンプルを取得したくないことは明らかです。サンプルの代表的なサブセットをデータベースから引き出す方がよいでしょう。

これは、コンピューター グラフィックスの詳細レベル テクニックを思い起こさせます。3D モデルから遠ざかるにつれて、忠実度の低いバージョンのモデルを使用できます。

データベースで詳細レベルの情報を表現したり、データの等間隔のサブセットをすばやくクエリしたりするための一般的な手法はありますか (たとえば、2009 年 1 月の等間隔のサンプルを 100 個ください)。


これまでに思いついた解決策は、データベース テーブルに level_of_detail 列を含めることです。level_of_detail=0 の場合、行は 1 つの瞬間的なサンプルを保持します。level_of_detail=n の場合、行には最後の (sample_interval*(2^n)) 秒のデータの平均が含まれ、このレベルには 1/(2^n) の行があります。テーブルには (level_of_detail, タイムスタンプ) のインデックスがあり、プロットを生成する場合は、必要なサンプル数に基づいて適切な level_of_detail 値を計算し、その制約でクエリを実行します。欠点は次のとおりです。

  • N 個のサンプルの場合、テーブルは 2*N 行を格納する必要があります
  • クライアントは、適切な level_of_detail 制約を指定することを知っている必要があります
  • サンプルがテーブルに追加されると、平均化された行を構築するプロセスが必要になります。
0 投票する
4 に答える
11172 参照

javascript - 極座標で正方形を描く

最も近い点が中心から1単位離れた正方形があります。以下の私のASCII図を見てください:

したがって、原点から角までの距離は sqrt(2) です。任意の角度で原点から正方形上の点までの距離を返す関数が必要です。たとえば、入力が 0 の場合、関数は 1 を返します。入力が 45 の場合、関数はコーナーまでの距離 (2 の平方根) を返します。90 の場合、再び 1 を返します。

つまり、極座標グラフで関数をグラフ化すると、正方形が描画されます。

関数は次のようになると思います。

唯一の問題は、上記の関数が正方形の辺をグラフ化しないことです。4面すべてを描くものが必要です。

これに似た三角関数があることは知っていますが、この関数を JavaScript で使用するので、標準の三角関数しか使用できません。

どんな助けでも大歓迎です。前もって感謝します。

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

objective-c - カスタム ビューで軸 (x と y) を描画するコード行は何ですか?

計算機でグラフ化できる平面を描画しようとしています.1行または数行のコードで軸を描画できることは知っていますが、それらが何であるかはわかりません.

ありがとう

0 投票する
3 に答える
4585 参照

java - 軽量で常に更新される Java チャート

Swing アプリケーションでさまざまなデータを表示するグラフを作成したいと考えていますが、各グラフのデータは常に変化しています。

私のデータがどのように動作するかの良い例えは、アプリケーションの実行中にシステムの空きメモリと使用済みメモリが (おそらく) 上下することです。グラフをどのように表示するかは、Windows タスク マネージャーの CPU 使用率グラフによく似ています (特定の色やグリッドを意味するのではなく、折れ線グラフの外観を意味します)。

常に新しいデータ ポイントを「追加」するチャートを生成する最良の方法は何ですか。これらのポイントを定期的に追加する最良の方法はありますか?

また、どのチャート/グラフ API を使用すればよいですか? 依存関係をできるだけ小さくしたいのですが、おそらく必要であることは承知しています。

tl;dnr : タスク マネージャーで CPU 使用率の履歴のようなグラフを作成したいのですが、Swing では Java で作成します。

0 投票する
3 に答える
3196 参照

c# - 再生および録音されたサウンドの波形を表示するC#WinFormsアプリケーション

WAVファイルを再生できるC#WinFormsアプリケーションを作成したいと思います。ファイルを再生している間、波形が表示されます(オシロスコープと同様)。

同時に、ユーザーはマイクを介してサウンドを録音し、再生された元のサウンド(カラオケなど)を追跡することができます。プログラムは録音された音の波形をリアルタイムで表示するので、元の波形ファイルとユーザーが録音した波形ファイルの波形表示から比較を見ることができます。比較は、元の音と録音された音の時間差(遅延)と同じように行われます。波形表示は非常に高度である必要はありません(カット、コピー、または貼り付けの必要はありません)。タイムラインでそれを見ることができれば十分です。

これが十分に明確であることを願っています。不明な点がある場合は、遠慮なく詳細をお尋ねください。どうもありがとうございます。