ExtJSサンプル: Excelデータを読み込んでGoogle Chart APIで描画
4月 21st, 2008 | By yuki | Category: Ext JS前回のXmlReaderデモを応用して、Xml形式で保存されたExcelデータを読み込むデモを作ってみました。
XmlReader + Excelデータ + Ext.grid.EditorGridPanel + Google Chart API
読み込むだけでは面白くないので、Google Chart APIを使ってグラフも描画してます。また、データを表示しているグリッドはExtJS2.0から実装されたEditorGirdPanelを利用しているので、編集可能です。データを編集すると合わせてグラフが再描画されます。

注意点としては:
- IE6&7ではネームスペース付きのタグ(<ss:Worksheet>のような)が読み取れなかったので、前処理をサーバーで行う必要がありそうです(今回は予め処理したデータを使いました)→やり方ご存じの方教えてください。。。
- Google Chart APIは初めて触ったのですが、色々とコツがありそうです(参考にしたサイト「Google Chart API入門」)。詳しくは検証していないのですが、桁数が多い数字をそのまま渡すと仕様なのか、HTTP GETの文字数制限に引っかかったのか、うまく描画できませんでした。渡すデータの桁数を減らすなり、別途用意されているエンコーディングを使ってデータを渡す必要がありそうです。他にも軸の最大値・最小値の設定回りなんかでもはまりました