<img alt="Google Charts GUIで日本語グラフ簡単作成" src="http://web-marketing.zako.org/images/Google-Charts-GUI-rader.gif" width="250" height="250" style="" />
<p><a href="http://web-marketing.zako.org/web-tools/google-chart-api-create-graph.html">Google Chart API</a>でグラフを作成してくれるサービスはいろいろありますが、日本語には対応していないのがほとんど。今回はそんな悩みを解決してくれるグラフ作成サービスをご紹介。</p>

<!--more-->
<h3 class="header-label">日本語対応のGoogle Chart API利用サービス「Google Charts GUI」</h3>
<p><span class="mt-enclosure mt-enclosure-image" /><img alt="Google Charts GUIビフォーアフター" src="http://web-marketing.zako.org/images/Google-Charts-GUI-b-a.jpg" width="500" height="250" style="" /></span></p>
<p>文字コードを変換する必要もなく、そのまま日本語を入力しても反映してくれる。本当は「jQueryを使った」っていうのが売りのようですが、意外なところにメリットを発見ｗ。</p>

<h4 class="header-label">2D円グラフ（2D Pie chart）</h4>
<p><span class="mt-enclosure mt-enclosure-image" /><img alt="2D円グラフ" src="http://web-marketing.zako.org/images/2d-pie-chart.gif" width="500" height="200" style="" /></span></p>


<h4 class="header-label">3D円グラフ（3D Pie chart）</h4>
<p><span class="mt-enclosure mt-enclosure-image" /><img alt="3D円グラフ" src="http://web-marketing.zako.org/images/3d-pie-chart.gif" width="500" height="200" style="" /></span></p>

<h4 class="header-label">折れ線グラフ（Line chart）</h4>
<p><span class="mt-enclosure mt-enclosure-image" /><img alt="折れ線グラフ" src="http://web-marketing.zako.org/images/line-chart.gif" width="500" height="200" style="" /></span></p>

<h4 class="header-label">レーダーチャート（Rader chart）</h4>
<p><span class="mt-enclosure mt-enclosure-image" /><img alt="レーダーチャート" src="http://web-marketing.zako.org/images/rader-chart.gif" width="300" height="300" style="" /></span></p>

<h4 class="header-label">よこ棒グラフ（Bar chart Horizontal）</h4>
<p><span class="mt-enclosure mt-enclosure-image" /><img alt="横棒グラフ" src="http://web-marketing.zako.org/images/bar-chart-horizonal.gif" width="500" height="200" style="" /></span></p>

<h4 class="header-label">たて棒グラフ（Bar chart vertical）</h4>
<p><span class="mt-enclosure mt-enclosure-image" /><img alt="たて棒グラフ" src="http://web-marketing.zako.org/images/bar-chart-vartical.gif" width="500" height="300" style="" /></span></p>

<p>試してみたい方は<a class="web-site-link" href="http://moblur.org/workshop/google_chart_gui/" onclick="window.open('http://moblur.org/workshop/google_chart_gui/'); return false;">Google Charts GUI with jQuery</a>へどうぞ。</p>

<h4 class="header-label">グラフ作成手順</h4>
<p class="picture">
<a class="web-site-link" href="http://moblur.org/workshop/google_chart_gui/" onclick="window.open('http://moblur.org/workshop/google_chart_gui/'); return false;">Google Charts GUI with jQuery</a>を開いて下記のように入力していくだけでOKです。
<span class="mt-enclosure mt-enclosure-image" /><img alt="Google Charts GUIの手順" src="http://web-marketing.zako.org/images/Google-Charts-GUI-des.jpg" width="400" height="373" style="" /></span>
</p>

<p>あきらめていたことが突然解決するって嬉しいですね。まるでアイデアがひらめいたときのようにすっきりしましたｗｗ</p>

<p>Via：Ajax Rain</p>

<div class="a-wrap pkg"><div class="a-left-box"><a href="http://www.amazon.co.jp/%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E3%83%BB%E4%BC%81%E7%94%BB%E6%9B%B8%E3%81%AE%E8%AA%AC%E5%BE%97%E5%8A%9B%E3%81%8C%E3%82%A2%E3%83%83%E3%83%97%E3%81%99%E3%82%8B-%E3%83%81%E3%83%A3%E3%83%BC%E3%83%88%E3%83%BB%E5%9B%B3%E8%A7%A3%E3%81%AE%E3%81%99%E3%81%94%E3%81%84%E6%8A%80-%E3%82%B8%E3%82%A7%E3%83%A9%E3%83%AB%E3%83%89%E3%83%BBE%E3%83%BB%E3%82%B8%E3%83%A7%E3%83%BC%E3%83%B3%E3%82%BA/dp/453404397X%3FSubscriptionId%3D028QVM5GAF1MWA4NBMR2%26tag%3Dsnowboadteamz-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D453404397X" target="_blank"><img class="a-img" src="http://ecx.images-amazon.com/images/I/41DtRaN5DkL._SL160_.jpg" alt="プレゼン・企画書の説得力がアップする チャート・図解のすごい技" /></a></div><div class="a-right-box"><div class="a-top-inner"><form class="a-cart-form" method="post" action="http://www.amazon.co.jp/gp/aws/cart/add.html" target="_blank"><input type="hidden" name="AssociateTag" value="snowboadteamz-22" /><input type="hidden" name="SubscriptionId" value="028QVM5GAF1MWA4NBMR2" /><input type="hidden" name="ASIN.1" value="453404397X" /><input type="hidden" name="Quantity.1" value="1" /><input type="image" name="submit.add-to-cart" src="http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif" /></form></div>
<dl><dt>プレゼン・企画書の説得力がアップする チャート・図解のすごい技</dt><dd>価格：<span class="a-price-text">￥ 2,100</span></dd><dd>平均評価：5.0</dd><dd>納期：通常24時間以内に発送</dd><dd><a href="http://www.amazon.co.jp/%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E3%83%BB%E4%BC%81%E7%94%BB%E6%9B%B8%E3%81%AE%E8%AA%AC%E5%BE%97%E5%8A%9B%E3%81%8C%E3%82%A2%E3%83%83%E3%83%97%E3%81%99%E3%82%8B-%E3%83%81%E3%83%A3%E3%83%BC%E3%83%88%E3%83%BB%E5%9B%B3%E8%A7%A3%E3%81%AE%E3%81%99%E3%81%94%E3%81%84%E6%8A%80-%E3%82%B8%E3%82%A7%E3%83%A9%E3%83%AB%E3%83%89%E3%83%BBE%E3%83%BB%E3%82%B8%E3%83%A7%E3%83%BC%E3%83%B3%E3%82%BA/dp/453404397X%3FSubscriptionId%3D028QVM5GAF1MWA4NBMR2%26tag%3Dsnowboadteamz-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D453404397X" target="_blank"><br />Amazon で詳細を見る</a> by <a href="http://astore.amazon.co.jp/snowboadteamz-22" title="WEB担当者専門書店" target="_blank">WEB担当者専門書店</a></dd></dl>
</div></div>