[B! Flot] pandazxのブックマーク

FLOT グラフを描画するPlugin その２ - natu_nの日記

データ抜けを自動で補完する機能を抑制する方法結論から言うと一つのデータ群としては出来ず、データ別けるしか無いようです。 var d1 = [ [1, 96], [2, 89], [3, 85], [4, 90], [5, 87], [6, 86], [8, 83], [9, 86], ]; var d2 = [ [1, 137], [2, 135], [3, 130], [4, 129], [5, 120], [6, 124], [8, 125], [9, 126], ]; $.plot($("#placeholder"), [ { label: "Low ", data: d1 }, { label: "High", data: d2 }, ], ); これだと7日のデータが補完される var l1 = [ [1, 96], [2, 89], [3, 85], [4, 90], [5,

pandazx 2014/09/19

flot

リンク

http://jumflot.jumware.com/examples/Experimental/Gantt.html

pandazx 2013/11/06

リンク

Howto export jQuery flot graphs as images?

pandazx 2012/07/26

Flot

リンク

flotの選択部分を拡大 - rgssws4mの日記

flot って何？ flot (http://code.google.com/p/flot/) というのはjQueryで動作するJavaScriptのグラフプロットライブラリです。動的にさまざまなグラフを生成することができます。いいからさっさとサンプル見せろよって人は、公式のサンプルが http://people.iola.dk/olau/flot/examples/ にあります。プロットされたグラフの一部を選択する flotでは、x軸/y軸ともにドラッグアンドドロップによる選択が標準で用意されています。たとえば x軸のみ選択可能にしたい場合はプロットするときのオプションを var options = { selection: { mode: "x" } }; $.plot(target, data, options) のようにするだけです。x軸/y軸ともに選択したい場合は mod

pandazx 2012/05/07

Flot

リンク

flotで描画したグラフにイベント処理を追加する

こんにちは。松下です。開発版のサンプルページで既に紹介されているものもありますが、flotで描画したグラフにイベント処理を追加する方法を紹介します。 flotには、あらかじめマウスのホバーやクリック時のカスタムイベントが定義されており、このカスタムイベントに対してコールバック関数を紐付ければ、独自のイベントを追加することができます。クリックイベントを追加する flotでは、”plotclick”というグラフのポイントをクリックした時のカスタムイベントが定義されているので、以下のようなコードを書けば、ポインンクリック時の処理が追加することができます。 $("placeholder").bind("plotclick", function(event, pos, it em) { --略-- }); 使用する上での前提条件は、plot描画時のgridオプションのclickableを有効にする

pandazx 2012/02/27