問題タブ [flot]

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

php - flot、mysql、php によるリアルタイム グラフ

http://kalanir.blogspot.com/2009/11/how-to-plot-moving-graphsから参照される移動グラフのように、MySQL テーブルに常に値が挿入されているため、リアルタイム グラフを描画しようとしています。 -using-flot.html は実際には二酸化炭素センサーから取得され、位置idの CO2 値でテーブルの値を更新します。私は彼女の Math.Random を以下のコードに変更しました:

ただし、このコードを実行すると、テーブルの最後の行が更新されていても、最初の値が変更され、その後は一定のままです。PHPでは、サーバーが一度しかポーリングされないためだと聞きました。したがって、最初のデータを常に読み取るだけです。グラフをテーブルの最後の値に更新する方法はありますか? アヤックスで?

ご協力いただきありがとうございます

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

javascript - flot を使用して既存のプロットに別のシリーズを追加する

Flot を使用して既存のプロットに別のシリーズを簡単に追加する方法を知る必要があります。

現在、単一のシリーズをプロットする方法は次のとおりです。

0 投票する
4 に答える
13645 参照

javascript - 積み上げ棒グラフをフロートし、マウスオーバーで棒値を表示します

Flotのツールチップ機能を理解しようとしていますが、実際には頭を悩ませていません。

積み上げ棒グラフの各セクションのラベルと値を表示するツールチップを実現しようとしています

誰かが私をこの例に向けたり、そうするためのコードを提供したりすることができますか?

0 投票する
7 に答える
632 参照

javascript - どのようなアルゴリズムがこのような曲線を作成しますか(img)、それはflotのjavascriptで実行できますか?

アルゴリズムの例を教えてください。 代替テキストhttp://ryancalderoni.com/archive/ideal_curve.jpg

編集:そして、Javascriptを使用して数学を計算するにはどうすればよいですか?誰かがそれを追加できますか?そのコンテキストを元々含めないようにして申し訳ありません。

注:私はそれをグラフ化するために「flot」を使用しており、flotの入力は次のようなjavascript配列です:

[[x、y]、[x、y]、[x、y] ...]

したがって、曲線を変更する値が与えられた場合、すべてのポイントをループ付きの配列に出力し、それを吐き出してグラフにプロットします。

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

javascript - xの位置に基づいて純粋に検出するマウスホバーアルゴリズムをフロートしますか?

jQuery の flot を使用すると、項目の上にカーソルを置いて項目を選択できるようにする方法があります。オプションで、grid[mouseActiveRadius] を数値に設定して、選択円の半径の希望の長さを示すことができます。

たとえば、これを 10 に設定すると、マウス ホバー イベントによって、半径 10 ピクセルの円内の最も近い点が強調表示されます。

ただし、代わりに、(最も近いポイント期間ではなく) x 方向に最も近いポイントをホバーするように flot に指示したいと考えています。

この例の EG: ポイント 1 は明らかにポイント 2 よりも x にはるかに近いですが、x 方向に近いため、flot にポイント 2 を選択させたいと考えています。

プラグイン/組み込み機能でこれを行う方法はありますか、それとも flot のデフォルトの動作を拡張する関数を作成する必要がありますか?

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

javascript - Stack Overflowレピュテーショングラフのドキュメント(Flot)

Stack Overflowプロファイル/レピュテーションタブにあるものと同様のFlotグラフを作成するために利用できるドキュメントはありますか?

ソースコードから、このアドレスでデータが照会されていることがわかります。ただし、URLの値とフィールドが受け入れることができる/users/rep-graph/341106/" + ranges.xaxis.from.toFixed(1) + "/" + ranges.xaxis.to.toFixed(1)かどうかはわかりません。fromto

編集

代替テキスト

このグラフでは、2つのポイントが強調表示されており、その結果、2つの質問が側面にリストされています。これは、プロットされた値がユーザー定義のデータにリンクされていることを意味します。

ただし、pkhの例を考えると、ポイント(およびラベル)のみがFlotに提供されます。

だから私は見たいです:

  1. データをポイントにリンクする方法
  2. グラフの選択に従ってパネルを更新する方法[ただし、この部分は実際にはFlot自体によって行われていない可能性があります]
0 投票する
5 に答える
27398 参照

php - インデックスが順番どおりでない場合でも、PHP の json_encode が JSON 配列を返すようにしたい

しかし、これによると:http ://www.php.net/manual/en/function.json-encode.php#94157そうではありません。

私はflotを使用しているので、数値インデックスが返された配列が必要ですが、私が得ているのはこれです:

だからflotは窒息しています。json_encode を呼び出す直前に配列を var_dump すると、次のようになります。

何か案は?

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

jquery - jQuery Flot 表示での日付の使用

Flot を使用して、日付を含むグラフをプロットしようとしています。私はこの文字列に関するアドバイスに従いました: here ですが、うまくいかないようです。これが私の修正されたJavaScriptです(他の質問から):

グラフが表示されますが、x 軸が日付に変換されず、x 軸の値がデータ変数の値と一致しません。各データポイントに 1000 を掛けて Javascript タイムスタンプに変換しようとしましたが、それも役に立ちませんでした。問題が発生した場合に備えて、次の timeformat 変数も試しました。

しかし、運がありません。何か案は?

0 投票する
4 に答える
15878 参照

javascript - Flotとのマルチバーチャット

flotを使用した複数のバーを持つチャートのサンプルコード??代替テキスト

この例に似ています。指定されたパッチファイルが機能していません。どこでもマルチ棒グラフの最新ファイルをダウンロードできます。

アップデート

Flotは非常に優れたライブラリであると確信していますが、プラグイン/アドオンは簡単に入手できず、Webサイトに記載されている例は非常に基本的なものであるため、代わりにjqPlotを使用することにしました。

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

jquery - JSONをロードするときのJquery Flotの問題

ノブの質問で申し訳ありません。いくつかの質問を読みましたが、問題を解決できません。データを読み込めないようです。

PHPスクリプトからの次のjsonコード出力があります。

以下のオプションで

実際のスクリプトは次のようになります

アラートはまったく読み込まれません。FireBug では、データが返されたことがわかりますが、何も起こりません。

代わりに以下を使用すると、データが渡されます。アラートが実行され、グラフに何も表示されないグラフが表示されます。

コードに getStats.php を含めるだけでこれを実行できますが、それは私が狙っているものではありません。