Google Chart API

Webサイト 技術

Google Chart Tools入門見て使ってみた。サンプルはFFのミシックWS習得に必要なポイント数ｗ
データはhttp://ff11wiki.rdy.jp/262633239.html#ge8ca852の式(仮説)を使用。
screenshot
↑こんな感じ。

  • 投げるデータは[0-100]の範囲じゃないとダメ。この範囲に正規化してから投げる。
  • 日本語はUTF-8。日本語以外も？

追記

やっぱりプレビュー通りか。
はてなで使う場合、上のように素直な[url:image]記法だとScreenShotを生成しようとしてこうなるらしい。
対策として、URLの最後に"&.png"を付けるというバッドノウハウ。
http://chart.apis.google.com/chart?chs=300x200&cht=lxy&chd=t:0,1,20,21,40,41,60,61,80,81,100%7C1.67,3.33,5.87,6.67,11.73,13.33,23.47,26.67,46.93,53.33,93.87&chtt=%E3%83%9F%E3%82%B7%E3%83%83%E3%82%AFWS%E3%81%AE%E5%BF%85%E8%A6%81%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88&chxt=x,y,x,y&chxr=0,100,0%7C1,0,15000&chxl=2:%7C+%7C%E8%B8%8F%E6%9F%BB%E5%B1%A4%7C+%7C3:%7C+%7C%E7%82%B9%7C+&.png
↑こうなる。

  • 無効なオプションはAPI側で無視してくれる
  • とにかく最後が画像の拡張子なら真ん中のあたりは気にしないはてダの中の人

を利用した。

追記2

http://chart.apis.google.com/chart?chs=300x200&cht=lxy&chd=t:0,1,20,21,40,41,60,61,80,81,100%7C1.67,3.33,5.87,6.67,11.73,13.33,23.47,26.67,46.93,53.33,93.87&chtt=%E3%83%9F%E3%82%B7%E3%83%83%E3%82%AFWS%E3%81%AE%E5%BF%85%E8%A6%81%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88&chxt=x,y,x,y&chxr=0,100,0%7C1,0,15000&chxl=2:%7C+%7C%E8%B8%8F%E6%9F%BB%E5%B1%A4%7C+%7C3:%7C+%7C%E7%82%B9%7C+&chg=100,13.33,1,0&.png
補助線追加してみた。

追記3

一応元の式を転載。

 (x層でのポイント)
 00〜19層：8000+320*(19-x)
 20〜39層：4000+160*(39-x)
 40〜59層：2000+80*(59-x)
 60〜79層：1000+40*(79-x)
 80〜99層：500+20*(99-x)
 100層：250