flickr2012/07/06時系列データのグラフをjQueryとFlotで描くJSONの時系列データがたくさん手に入りました。JSONなんだし、JavaScriptを使ってブラウザにインタラクティブなグラフを簡単に描けそうな気がします。そこでとりあえず折れ線チャートを描くことにしました。むかしjQuery用のFlotというライブラリを使ったことがあったので、今回もこれを使おうと思ったのですが、完全に使い方を忘れていた!そういえば、むかし使ったときも、API.txtという英文がだらだら書かれたテキストファイルしかドキュメントがなくて面倒だったのを忘れていました。そこで今回は備忘録を残しておくことにしたしだい。Flotはべつに時系列の折れ線チャートを描くためのライブラリではないので、ほかにもいろいろなチャートが描けるはずですが、とくに調べていないので知りません。時系列データの折れ線チャートを描くことが目標の備忘録です。描画したい時系列データは、こんな1つの配列として用意します。ようなでっかい数値なのは、UNIX時間をミリ秒単位で表したものだからです。これ以外の書式でFlotに日時を指定するすべはありません。いう配列を用意するわけです。Gaucheで用意するならこんな感じ。S式からJSON表記の文字列をよろしく作ってくれる関数です。mydata))ちなみに、日時に限らず、Flotが受け付けてくれる値データは数値のみです。文字列の値データは与えないこと。すれば、それっぽい折れ線チャートができるという仕組みです。このように、必ず縦と横の長さを明示してやります。渡してjQueryオブジェクトを作り、それを渡します。メソッドを使ってインタラクティブな機能を付け足したいので、jQueryオブジェクトにしておきます。