<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Cyberpunk &#187; Google Chart API</title>
	<atom:link href="http://punk.tw/tag/google-chart-api/feed" rel="self" type="application/rss+xml" />
	<link>http://punk.tw</link>
	<description>網際叛客：學習心得、Web 2.0與網路觀察、Google應用與技術、Ruby on Rails, Google App Engine</description>
	<lastBuildDate>Tue, 07 Feb 2012 08:42:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>使用Google Chart API繪製方程式</title>
		<link>http://punk.tw/2009/10/03/%e4%bd%bf%e7%94%a8google-chart-api%e7%b9%aa%e8%a3%bd%e6%96%b9%e7%a8%8b%e5%bc%8f</link>
		<comments>http://punk.tw/2009/10/03/%e4%bd%bf%e7%94%a8google-chart-api%e7%b9%aa%e8%a3%bd%e6%96%b9%e7%a8%8b%e5%bc%8f#comments</comments>
		<pubDate>Sat, 03 Oct 2009 07:20:06 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Google API]]></category>
		<category><![CDATA[Google Chart API]]></category>

		<guid isPermaLink="false">http://punk.tw/2009/10/03/986.html</guid>
		<description><![CDATA[前陣子Google Docs中開始可以使用Tex的語法讓學生、研究人員可以在Google文件中編輯方程式，而這些方程式的呈現方式其實是用Google Chart API所繪製的（看來Google Chart API沒說的秘密還真多，不過這個在Google主要產品之一出現的內容，應該不難發現，所以似乎也算步上什麼秘密？）。 上圖便是用Google Chart API所繪製的方程式，使用方法很簡單： http://chart.apis.google.com/chart?cht=tx&#038;chs=1x0&#038;chf=bg,s,FFFFFF00&#038;chco=000000&#038;chl=f(x)=\int_{-\infty}^x%20e^{-t^2}dt 將上面的網址最後的chl參數代換成您想要的方程式即可。當然如果您希望方程式有點顏色，您可以修改chco參數，至於其他參數我就不太清楚用途了。（身為研究生，我只是單純想在論文裡面告訴老師我用了什麼方程式啊～XD謎之聲：研究生直接用LaTex寫就好啦！） 您可以在Google搜尋tex online或latex online，可以找到幾個好用的線上編輯器（當然您也可以直接使用Google Docs），倘若您的網站或是應用程式需要呈現大量的數學方程式，這應該是個不錯的工具。]]></description>
			<content:encoded><![CDATA[<p><img style="display: inline;" src="http://punk.tw/wp-content/uploads/2009/10/image_thumb4.png" border="0" alt="Another undocumented Google Chart API" width="283" height="324" /></p>
<p>前陣子Google Docs中開始可以使用Tex的語法讓學生、研究人員可以在Google文件中編輯方程式，而這些方程式的呈現方式其實是用Google Chart API所繪製的（看來Google Chart API沒說的秘密還真多，不過這個在Google主要產品之一出現的內容，應該不難發現，所以似乎也算步上什麼秘密？）。</p>
<p><img src="http://chart.apis.google.com/chart?cht=tx&#038;chs=1x0&#038;chf=bg,s,FFFFFF00&#038;chco=000000&#038;chl=f(x)=\int_{-\infty}^x%20e^{-t^2}dt" alt="" /></p>
<p>上圖便是用Google Chart API所繪製的方程式，使用方法很簡單：</p>
<p><a href="http://chart.apis.google.com/chart?cht=tx&#038;chs=1x0&#038;chf=bg,s,FFFFFF00&#038;chco=000000&#038;chl=f(x)=\int_{-\infty}^x%20e^{-t^2}dt">http://chart.apis.google.com/chart?cht=tx&#038;chs=1x0&#038;chf=bg,s,FFFFFF00&#038;chco=000000&#038;chl=f(x)=\int_{-\infty}^x%20e^{-t^2}dt</a></p>
<p>將上面的網址最後的chl參數代換成您想要的方程式即可。當然如果您希望方程式有點顏色，您可以修改chco參數，至於其他參數我就不太清楚用途了。（身為研究生，我只是單純想在論文裡面告訴老師我用了什麼方程式啊～XD謎之聲：研究生直接用LaTex寫就好啦！）</p>
<p>您可以在Google搜尋tex online或latex online，可以找到幾個好用的線上編輯器（當然您也可以直接使用Google Docs），倘若您的網站或是應用程式需要呈現大量的數學方程式，這應該是個不錯的工具。</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2009/10/03/%e4%bd%bf%e7%94%a8google-chart-api%e7%b9%aa%e8%a3%bd%e6%96%b9%e7%a8%8b%e5%bc%8f/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Chart API沒說的秘密(Undocumented Google Chart API)</title>
		<link>http://punk.tw/2009/10/03/google-chart-api%e6%b2%92%e8%aa%aa%e7%9a%84%e7%a7%98%e5%af%86undocumented-google-chart-api</link>
		<comments>http://punk.tw/2009/10/03/google-chart-api%e6%b2%92%e8%aa%aa%e7%9a%84%e7%a7%98%e5%af%86undocumented-google-chart-api#comments</comments>
		<pubDate>Sat, 03 Oct 2009 07:03:46 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Google API]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Chart API]]></category>

		<guid isPermaLink="false">http://punk.tw/?p=969</guid>
		<description><![CDATA[有持續在關心Google技術發展的朋友應該會發現，近來Google API文件中文版越來越完整，例如Google App Engine、Google Maps甚至是本篇的主題Google Chart API幾乎都有完整的中文版文件（而且非常貼心的是，繁體中文版與簡體中文版是不同的，有依照語言習慣、專有名詞進行翻譯）。 今天要談的是所謂Undocumented Google Chart API，也就是官方文件裡沒提到的秘密，總共有下列幾種： 帶有外框的文字圖片(Chart Type for text with outline)， 本文一開頭的圖片便是使用Google Chart API所產生的文字圖片。 地圖指標(Chart Type for map pins)，可以用來放在Google Maps或是其他網站上的icon使用。 對話方塊（Chart type for information bubbles，應該翻譯成資訊氣球、資訊泡泡？） 便利貼(Chart types for sticky notes)，這邊可以注意到字型比較接近新細明體，不如上圖中的文字飽滿，顯然某些中文字型的支援度是分開處理的。 這些圖片的參數在下面的連結裡面都有非常詳細的解說，就不在此贅述，使用時也請注意畢竟是非正式的版本，很有可能會修改甚至移除該服務，若要用來在您的產品上應用請小心；另外是中文字型的處理，效果在某些時候不是特別好，如果要大量使用可能要先評估。 References Google Chart API討論區 Undocumented Google Chart API文件列表 Chart types for sticky notes Chart types for map pins [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://chart.apis.google.com/chart?chst=d_text_outline&#038;chld=FFBBBB|30|h|BB0000|b|Google%20%E8%B0%B7%E6%AD%8C%20API" alt="" /></p>
<p>有持續在關心Google技術發展的朋友應該會發現，近來Google API文件中文版越來越完整，例如Google App Engine、Google Maps甚至是本篇的主題Google Chart API幾乎都有完整的中文版文件（而且非常貼心的是，繁體中文版與簡體中文版是不同的，有依照語言習慣、專有名詞進行翻譯）。</p>
<p>今天要談的是所謂Undocumented Google Chart API，也就是官方文件裡沒提到的秘密，總共有下列幾種：</p>
<ol>
<li>帶有外框的文字圖片(Chart Type for text with outline)， <strong>本文一開頭的圖片便是使用Google Chart API所產生的文字圖片</strong>。</li>
<li>地圖指標(Chart Type for map pins)，可以用來放在Google Maps或是其他網站上的icon使用。<img src="http://chart.apis.google.com/chart?chst=d_map_pin_icon&#038;chld=airport%7CFFFF00" alt="" /></li>
<li>對話方塊（Chart type for information bubbles，應該翻譯成資訊氣球、資訊泡泡？）<br />
<img src="http://chart.apis.google.com/chart?chst=d_bubble_texts_big&#038;chld=bb|008888|FFFF88|Google%20%E5%8F%B0%E5%8C%97" alt="" /></li>
<li>便利貼(Chart types for sticky notes)，這邊可以注意到字型比較接近新細明體，不如上圖中的文字飽滿，顯然某些中文字型的支援度是分開處理的。<br />
<img src="http://chart.apis.google.com/chart?chst=d_fnote_title&#038;chld=pinned_c|1|004400|l|Todo:|%E8%B2%B7%E6%96%87%E5%85%B7" alt="" /> <img src="http://chart.apis.google.com/chart?chst=d_weather&#038;chld=taped_y|windy|%E5%8F%B0%E5%8C%97|max+25%C2%B0|min+15%C2%B0" alt="" /></li>
</ol>
<p>這些圖片的參數在下面的連結裡面都有非常詳細的解說，就不在此贅述，使用時也請注意畢竟是非正式的版本，很有可能會修改甚至移除該服務，若要用來在您的產品上應用請小心；另外是中文字型的處理，效果在某些時候不是特別好，如果要大量使用可能要先評估。</p>
<h2>References</h2>
<ul>
<li><a href="http://groups.google.com/group/google-chart-api" rel="nofollow">Google Chart API討論區</a></li>
<li><a href="http://groups.google.com/group/google-chart-api/web" rel="nofollow">Undocumented Google Chart API文件列表</a></li>
<li><a rel="nofollow" href="http://groups.google.com/group/google-chart-api/web/chart-types-for-sticky-notes">Chart types for sticky notes</a></li>
<li><a rel="nofollow" href="http://groups.google.com/group/google-chart-api/web/chart-types-for-map-pins">Chart types for map pins</a></li>
<li><a rel="nofollow" href="http://groups.google.com/group/google-chart-api/web/chart-types-for-information-bubbles">Chart types for information bubbles</a></li>
<li><a rel="nofollow" href="http://groups.google.com/group/google-chart-api/web/chart-type-for-text-with-outline">Chart types for text with outline</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2009/10/03/google-chart-api%e6%b2%92%e8%aa%aa%e7%9a%84%e7%a7%98%e5%af%86undocumented-google-chart-api/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Google Chart API</title>
		<link>http://punk.tw/2007/12/07/google-chart-api</link>
		<comments>http://punk.tw/2007/12/07/google-chart-api#comments</comments>
		<pubDate>Fri, 07 Dec 2007 07:20:06 +0000</pubDate>
		<dc:creator>deduce</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[程式設計]]></category>
		<category><![CDATA[Google Chart API]]></category>

		<guid isPermaLink="false">http://punk.tw/2007/12/07/459.html</guid>
		<description><![CDATA[今天發現Google Chart API這個Google推出的有趣網路服務，使用者只需要將想要圖像化的數據內容，透過網址的參數傳遞方式便可產生對應的圖表，範例如下： 上面這張圖片是直接指向"http://chart.apis.google.com/chart?cht=p&#38;chd=s:world5&#38;chs=200x125&#38;chl=A&#124;B&#124;C&#124;D&#124;E&#124;F"這個網址的圖片，其中幾個重要的參數如下： http://chart.api.google.com/chart?是Chart API的網址 cht是圖片類型，圓餅圖、長條圖....等等 chs=200x125代表圖片size（以pixel為單位） chd則是指定圖表的數據資料，格式在Google Chart API的網頁上有說明： Upper case A = 0, B = 1 and so on to Z = 25. Lower case a = 26, b= 27 and so on to z = 51. Zero (0) = 52 and so on to 9 = 61. Specify a missing value [...]]]></description>
			<content:encoded><![CDATA[<p>今天發現<a href="http://code.google.com/apis/chart/">Google Chart API</a>這個Google推出的有趣網路服務，使用者只需要將想要圖像化的數據內容，透過網址的參數傳遞方式便可產生對應的圖表，範例如下：</p>
<p><img src="http://chart.apis.google.com/chart?cht=p&amp;chd=s:world5&amp;chs=200x125&amp;chl=A|B|C|D|E|F"> </p>
<p>上面這張圖片是直接指向"<a title="http://chart.apis.google.com/chart?cht=p&amp;chd=s:world5&amp;chs=200x125&amp;chl=A|B|C|D|E|F" href="http://chart.apis.google.com/chart?cht=p&amp;chd=s:world5&amp;chs=200x125&amp;chl=A|B|C|D|E|F">http://chart.apis.google.com/chart?cht=p&amp;chd=s:world5&amp;chs=200x125&amp;chl=A|B|C|D|E|F</a>"這個網址的圖片，其中幾個重要的參數如下：</p>
<ul>
<li><a href="http://chart.api.google.com/chart">http://chart.api.google.com/chart</a>?是Chart API的網址</li>
<li>cht是圖片類型，圓餅圖、長條圖....等等</li>
<li>chs=200x125代表圖片size（以pixel為單位）</li>
<li>chd則是指定圖表的數據資料，格式在Google Chart API的網頁上有說明：</li>
<ul>
<li>Upper case A = 0, B = 1 and so on to Z = 25.</li>
<li>Lower case a = 26, b= 27 and so on to z = 51.</li>
<li>Zero (0) = 52 and so on to 9 = 61.</li>
<li>Specify a missing value with an underscore (_).</li>
<li>If you have more than one set of data, separate each set with a comma (,).</li>
</ul>
</ul>
<p>稍微改一下參數就可以變成3D的立體圓餅圖了:D（不過文字標示部份怪怪的，等要用到再來研究研究吧:D）</p>
<p><img src="http://chart.apis.google.com/chart?cht=p3&amp;chd=s:world5&amp;chs=200x125&amp;chl=A|B|C|D|E|F"> </p>
<p>詳細的說明就請上<a href="http://code.google.com/apis/chart/">Google Chart API的說明網頁</a>吧！</p>
]]></content:encoded>
			<wfw:commentRss>http://punk.tw/2007/12/07/google-chart-api/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

