2024
04
20
2010
07
03
Google Spreadsheets のデータを Google Visualization API で表示する。
データの保管場所として、Google Spreadsheets を考えています。 Google Visualization API を使用すれば、Google Spreadsheets のデータをWEBで表示できることを知ったからです。Google Spreadsheets は、Excelのデータをインポートすることもできるので、活用範囲は広いと思います。
Google Spreadsheets も Google Visualization API も利用したことがなかったので、簡単なスクリプトを作りながら勉強していこうと思います。まずは、"gSheetTable.js"というものを作ってみました。
"gSeetTable.js"は、Google Spreadsheets のシートを読み込み表示します。
"gSheetTable.js"は、Google AJAX API スクリプトを前提としています。その読み込みを記述後、"gSheetTable.js"を読み込むSCRRIPT要素を記述 します。そのSCRIPT要素のtitle属性には、対象の Google Spreadsheets のURLを指定します。すると、その場所にデータが表示されます。
<script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="http://blog.cnobi.jp/v1/blog/user/c1c990de467ed4f31a60b43ae3632205/1278135047" title="http://spreadsheets.google.com/ccc? key=0AvtCwTeZPCemdHlBLTZHZW55bDhMbFlHNFU5T2NGQ0E&hl=ja"></script>
FireFox3.5 ではちゃんと勘定科目のリストが表示されました。IE6ではエラーがになるかもしてません。
PR
2010/07/03 (Sat.) Trackback() Comment(0) Google Visualization
Comments
Trackback
Trackback for this entry：
