六帖のかたすみ

DVを受けていた男性。家を脱出して二周目の人生を生きています。自閉症スペクトラム(受動型)です。http://rokujo.org/ に引っ越しました。

HTML5でグラフ

canvasを使ってグラフを描きたい。用途は、LanguageTrainerの統計機能。ペース配分に使いたい。
flotr2というライブラリを使うとラクラクグラフが書けるらしい。サンプルコードはこちら
PHPJavaScriptを連携させるしかないが、グラフの数なども動的に変える必要があるので、次のように実装する予定。
PHPMySQLを使ってDB読み込みし、必要な情報をjson形式で変数に保存しておく。さらに、グラフ表示用のHTMLタグもPHPで生成する。
JavaScript側ではグラフの描画だけを担当する。PHPで作った情報を使ってグラフ表示する。
今日は構想だけで時間が来てしまったので、ここまで。