am前回、前々回とグラフィカル描画ツールFlotの使用経験について書いた。APIを使って描画した折れ線グラフをFlotを用いて描画し、二つの描画ツールの動作を比較してみた。以下、作業記録をメモしておいた。なにはさておき、今回描画した折れ線グラフを下に示す。この折れ線グラフ上にマウスカーソルを動かすと、グラフの下方にカーソル指示部のデータが表示される。因みに、マウスカーソルの位置データのうち、x軸部についてはタイムスタンプで表示されている。adjusted”の部分は図のx軸にもちいている西暦年の表示が対応している。APIのサンプル(以下、「Google版サンプル」と呼ぶ)に近いものになるよう努力した。残念ながら、私の能力では、Google版サンプルと若干の違いが残ってしまったが、その違いをまとめると:グリッド線の一番下がGoogle版では濃いラインとなっているが、今回作成したものは他のグリッド線と同じものになってしまっている。Performance)はGoogle版では図の一部となっているが今回作成のFlot版では図の一部としては扱われない。Y軸の表記がGoogle版では3ケタ目にカンマ表示となっているが、Flot版ではベタ書きになっている。Google版では図中で(入力)データポイント部にマウスカーソルが重なるとデータの内容が吹き出し形式で表示されるが、Flot版ではマウスカーソルの重なりを示す標識が現れるだけで、データの内容は表示されない。1.のグリッド線についてはGoogle版と同様な形式での描画は難しそうだが、2,3,4についてはFlotの図形部の外部に何等かのかたちで付け加えることで同じような表現を実現することができると思う。