問題タブ [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 に答える
1450 参照

javascript - flot / jqueryで負の数をプロットする

私はここで何かが遅れていることを知っています... 私がしようとしているのは、-75 から 75 までの x の範囲に対して f(x) = 2500 をグラフ化することだけです。これにより、水平線が作成されます。今のところ、配列のいくつかの詳細についての私の誤解だと思います。0 から始まり、75 までは正常に進みます。0 よりも低いグラフは表示されません (線の半分を取得します)。

問題があることはほぼ確実です。念のため、私の .plot 関数を次に示します。

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

javascript - flotのヒストグラム-Javascript

バーが日ごとに整理されているヒストグラムをflotで作成しようとしています。

値を1日1バーにマージする方法が見つかりません。

__

何か案は?

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

jquery - Jquery フロート二重軸

グラフを表示するためにjquery flotを使用しています....デュアルx軸を表示したい.....両方とも同じ値を持っています..どうすればこれを表示できますか? 助けてください

よろしくニサント

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

javascript - Jquery - Flot、線ではなく点のみを表示するにはどうすればよいですか?

はじめに、Jquery-Flot を使用してラジアル グラフをプロットしています。スパイダー グラフを作成するためのプラグインを見つけました。こちらの API を参照してください。

http://www.jumware.com/Includes/jquery/Flot/Doc/JQuery.Flot.spider.html

ポイントを結ぶ線を表示したくないという事実を除いて、すべてうまく機能します。通常:

しかし、Spider プラグインを使用すると、この設定が無視されるようです。ここで何か間違ったことをしているのですか、それともこのプラグインを使用するときに行を表示する必要があるのですか?


作業例:

http://jsfiddle.net/WAscC/2/


コード:


アップデートワン

任意の数に編集lineWidth: 0, connectionWidth: 0しても、グラフにはまったく影響がないようです。


線ではなく点のみを表示するにはどうすればよいですか?

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

php - MYSQL データ + PHP から FLOTgraphing

私はmysqlとflotのグラフ作成にまったく慣れていませんが、一般的な考えは理解しています。これが私のシナリオです。デバイスからデータを受け取り、それを mysql データベースに入れます。新しいデータがデータベース内の既存のデータを置き換えると言うのは間違っていますか? 次に、それをグラフにプロットする必要があります。この行にデータを入力できるように、古い値を取得 (保存) するにはどうすればよいですか?

そうでない場合は、現在のデータのみを取得します...そして、それは私に線を与えません..それは私にデータポイントを与えます笑助けてくれてありがとう!

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 のデフォルトの動作を拡張する関数を作成する必要がありますか?