作業メモ：iOS + Highchartsでグラフを描く

サンプルはGitHubにアップしています。
naotty/ios-highcharts · GitHub

Highchartsとは？

公式を見てもらえばわかると思いますが、JavaScriptだけで素敵なグラフが書けるライブラリです。

iOSでの実装方法

  1. Xcodeでプロジェクトを作成する。
  2. プロジェクト内にグラフ表示用htmlを作成する。(Demoを流用するのが早い)
  3. html単体でグラフが表示されるよう調整する。
  4. UIWebViewでそのhtmlを呼び出す。
  5. UIWebViewのwebViewDidFinishLoaddで、html内JavaScriptにデータを渡してキックする。
  6. (ﾟдﾟ)ｳﾏｰ

f:id:tnaototo:20141023003915p:plain

Good!

  • html部分はXcodeで編集しなくてもいい & ブラウザで確認可能
  • Highcharts API Referenceが使いやすい。
    特に Try it: でサンプルに飛べるのがいい。
  • tooltipとか超簡単。

ハマりポイント

  • jQueryも読み込む必要あり。
  • html側で $(function(){ を書くとグラフが表示されない。
  • グラフ内の時間はUTC(設定で変えられる？)

要確認

  • 商用だと有料(1サイトあたり USD 90.00)
  • キャッシュ大丈夫？
  • グラフの時間をUTCから変更する。
  • X軸のインターバルがよくわかってないw
  • X軸はちゃんとちゃんと並べないとダメ(らしい・・未確認)
  • htmlのところはテンプレ化するのが正しいやりかたかな？
  • オフラインの場合は？

参考サイト(ありがとうございます！)