2007年12月08日 01:00 [Edit]

Google Code Chart - 折れ線グラフうぃざ〜ど

chart

絶対もっと美麗な類似品が登場するはずではありますが、とりあえずこさえたので。

Google Code Chartで折れ線グラフを勘弁、もとい簡便に作るツールです。

うーん、IE6だとうまく行かない。とりあえずFirefox/Opera/Safariでお試しを。


Step 1でtsvを(tabがわりに2つ以上のスペースでもよい)コピペして、Step 2で諸元を微調整。

体調ぼけぼけでリハビリ代わりに作ったのでコードはぐしゃぐしゃですが、この段階でもそれなりに使えるでしょう。Enjoy!

Dan the Chartist


Step 1


Step 2

ymin
ymax
chs
cht
chxt
chxl
chd
chco
uri
chart

この記事へのトラックバックURL

この記事へのトラックバック
404 Blog Not Found:Google Code Chart - 折れ線グラフうぃざ〜ど
404 Blog Not Found:Google Code Chart - 折れ線グラフうぃざ〜ど【】at 2012年01月19日 13:54
テレビを見ていて腹が立ちました、グヲリャ〜〜〜北九州市の生活保護担当者回答せ.....
google マップを見てみよ^^【キャスター25時】at 2007年12月28日 12:06
弾さんがいくつか作ってた(1), (2)けど、種類の対応を増やしたようなジェネレ...
Google Chart APIジェネレータ【秋元@サイボウズラボ・プログラマー・ブログ】at 2007年12月21日 14:07
いろいろなグラフを作成できる Google Chart API を試してみたかったので、ある実行結果をグラフにしてみました。 この画像の URL は以下のようになっています。(途中で改行しています) http://chart.apis.google.com/chart? chs=400x250 &cht=lc ...
Google Chart APIを試してみた【しげふみメモ】at 2007年12月20日 22:00
Google Chart API - Developer’s Guide これまた便利なAPIが出現ですね。imgタグからも直接グラフの値などを指定できるので、動的にグラフを作りたいけど、自前サーバじゃないから、サーバ側にいろいろプログラムは設置できない人とかは、かなりGJな感じではないでしょうか
[xxx Hacks]Google Chart API【qnoのつれづれ】at 2007年12月14日 14:34
とうとうGoogleからグラフを簡単に書けるAPIがでました! 利用方法はimg srcタグにそのままAPIのURLを入れるだけでグラフ画像が生成される。 早速、試してみよう。 グラフの種類 Line Chart ...
Googleのグラフが簡単に書けるAPI【ueblog】at 2007年12月11日 00:16
先日公開されたばかりの「Google Chart API」を、ケータイから使ってみようと思います。 「Google Chart API」とは、グラフを描画するためのAPIで、パラメータを投げるとGoogle側でPNG画像としてグ...
「Google Chart API」をケータイから使ってみる【ke-tai.org】at 2007年12月10日 00:07
この記事へのコメント
| IE6だとうまく行かない
mat2table()でTABLE要素であるelemのinnerHTMLに代入しているのが原因かと(IE6だとTABLEのinnerHTMLは読込み専用になる模様)。
詳細は、
http://furyu.tea-nifty.com/annex/2007/12/javascriptie6ta_4fb2.html

あと、IE6だとsplit()にもバグが有るようで、結果の表のヘッダの色がずれてついてしまいます。
詳細は、
http://furyu.tea-nifty.com/annex/2007/12/javascriptie6st_2b12.html

ご参考まで。
Posted by 風柳 at 2007年12月08日 16:32