忍者ブログ

2024
04
24

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/04/24 (Wed.)

2010
08
22

Google Map Chart にタイトル、凡例などを追加する。

前々回の「Google Chart Tools の Map Chart で日本地図。」、前回の「都道府県を色分けした地図を作る。」と続き、Google Chart Tools/Image Charts(aka Chart API) の Map Chart を使って、国、地域の形を作りました。今回は、これらに標題や凡例、フラグなどを用いて情報を付け加えましょう。

題材には、今年の夏の甲子園を取り上げましょう。
まず、優勝の沖縄、興南高校です。
夏の甲子園優勝 沖縄 興南高校
http://chart.apis.google.com/chart
?cht=map:fixed=26,127.5,27,129
&chs=200x100
&chld=JP-47
&chco=999999|FF0000&chm=fChampion,000000,0,1,10
&chdl=%E8%88%88%E5%8D%97
&chtt=%E7%86%B1%E9%97%98+
%E5%A4%8F%E3%81%AE%E7%94%B2%E5%AD%90%E5%9C%92|
2010

チャート上にマーカーを付加するには、chmパラメータを使います。最初の1文字はマーカーの種類です。「f」はフラグです。2文字目以降にフラグの入れる文字列、色、系列、系列の何番目か、大きさをカンマで区切って指定します。

chdlパラメータは、凡例です。日本語は UTF-8 でURLエンコードする必要があります。私は「encodeURIComponent で文字列を UTF-8でURIエンコード。」で変換しました。

chttパラメータは、チャートタイトルを指定します。 これも日本語は、UTF-8 でURLエンコードする必要があります。スペース文字には「+」改行はパイプ「|」を使います。

続いてベスト8です。
夏の甲子園 2010 ベスト8
http://chart.apis.google.com/chart
?cht=map:fixed=31,129,46,146
&chs=400x300
&chld=JP-14|JP-28|JP-12|JP-07|JP-43|JP-13|JP-15
&chco=999999|FF3300|FF6600|FF9900|FFCC00|FFFF00|FFFF33|FFFF66
&chdl=%E6%9D%B1%E6%B5%B7%E5%A4%A7%E7%9B%B8%E6%A8%A1
|%E5%A0%B1%E5%BE%B3%E5%AD%A6%E5%9C%92|
%E6%88%90%E7%94%B0|
%E8%81%96%E5%85%89%E5%AD%A6%E9%99%A2|
%E4%B9%9D%E5%B7%9E%E5%AD%A6%E9%99%A2|
%E9%96%A2%E6%9D%B1%E4%B8%80|
%E6%96%B0%E6%BD%9F%E6%98%8E%E8%A8%93


PR

2010/08/22 (Sun.) Trackback() Comment(0) Google Chart

Comments

名前
メールアドレス
URL
コメント
PASS  Vodafone絵文字 i-mode絵文字 Ezweb絵文字

Trackback

Trackback for this entry:

Links

ご注意

当サイトのスクリプトは、ブラウザが FireFox 3.0 であることを前提に作成されています。IE などでは正常に動作しないものがあります。

カテゴリー

ブログ内検索

最新記事

カレンダー

03 2024/04 05
S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

アーカイブ

RSS

最新CM

[04/15 jTemplate]
[05/22 寝太郎]

プロフィール

HN:
寝太郎
性別:
非公開

バーコード

P R

アクセス解析

リンク

NSM

コガネモチ

フリーエリア