<p class="thumb"><img src="http://web-marketing.zako.org/wp-content/uploads/2009/07/DIY-Chart.jpg" alt="グラフのテンプレートが豊富なグラフ作成・埋め込みサービス" title="グラフのテンプレートが豊富なグラフ作成・埋め込みサービス" width="514" height="204" class="alignnone size-full wp-image-7160" /></p><p>オンラインで<a href="http://web-marketing.zako.org/tag/%E3%82%B0%E3%83%A9%E3%83%95">グラフを作成、埋め込み出来るサービス</a>はいろいろとありますが、難点は複雑なグラフがなかなか作れないこと。</p><p>今回は、複雑なグラフも作成・管理、埋め込み可能なサービスをご紹介します。</p><!--more--><h3 class="header-label">グラフのテンプレートが豊富なグラフ作成・埋め込みサービス</h3><p>「<a class="web-site-link" href="http://www.diychart.com/Default.aspx" onclick="window.open('http://www.diychart.com/Default.aspx'); return false;">DIY Chart Builder</a>」は、<strong>折れ線・棒線を同時に表示するグラフや、ポーラチャート、ローソク足グラフなどの複雑なグラフも作成・管理、埋め込み可能</strong>なサービス。他にも複雑なグラフのテンプレートがたくさん用意されているので、比較データを視覚化してサイトで公開したい時に便利です。</p><h4 class="header-label">棒線 折れ線グラフ</h4><h4 class="header-label">レーダーチャートも</h4><h4 class="header-label">ローソク足グラフもあり</h4><h3 class="header-label">グラフ作成手順</h3><ol>	<li><a class="web-site-link" href="http://www.diychart.com/SignUp.aspx" onclick="window.open('http://www.diychart.com/SignUp.aspx'); return false;">Sign Up</a>のページを開き、無料登録します。<br /><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/SlCJoUL0e4I/AAAAAAAAYyY/NVk-3QdSKRk/s400/DIY-Chart1.jpg" /></li>	<li>登録が完了したら、「Continue」ボタンを押して利用開始。<br /><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SlCJolNxRLI/AAAAAAAAYyc/zlLBWSfEbD8/s400/DIY-Chart2.jpg" /></li>	<li>グラフ作成画面は、項目毎にタブで別れています。まずはTemplateタブでテンプレートを選択。<br /><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SlCJo7pQ1TI/AAAAAAAAYyg/QCrSWlaI6ZM/s400/DIY-Chart3.jpg" /></li>	<li>「Souse Data」タブでは、グラフのデータを入力します。編集が完了したら、「Save Chart」ボタンを押してデータを保存。<br /><img src="http://lh3.ggpht.com/_fRSz8mJZTZY/SlCJpEgy6jI/AAAAAAAAYyk/fD1pdRT3vp8/s400/DIY-Chart4.jpg" /></li>	<li>「Parameter」タブでは、グラフのサイズ（埋め込み時や画像生成時のサイズ）や、グラフタイトルなど表示に関する設定を行います。<br /><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SlCJpRR6XxI/AAAAAAAAYyo/zHXpCodjyU4/s400/DIY-Chart5.jpg" /></li>	<li>「Description」タブは、グラフデータ管理用のタイトルと説明文を設定。<br /><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SlCJpd82DFI/AAAAAAAAYys/a7rY2Smq2pg/s400/DIY-Chart6.jpg" /></li>	<li>「Publish」タブで、グラフ画像のダウンロードや埋め込みタグの発行を行います。<br /><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/SlCJpsLHZjI/AAAAAAAAYyw/DcssABm451s/s400/DIY-Chart7.jpg" /><br />グラフデータをXML形式でダウンロードし、サーバーへアップして読み込ませることも可能です。（XMLファイルのデータを変更することでグラフ内容を更新できます。）</li></ol><p>興味のある方は<a class="web-site-link" href="http://www.diychart.com/Default.aspx" onclick="window.open('http://www.diychart.com/Default.aspx'); return false;">DIY Chart Builder</a>へどうぞ。</p><p>あの<a href="http://web-marketing.zako.org/google/google-chart-api-create-graph.html">Google Charts</a>ですら作れないグラフも出来てしまうのが便利でたまらないですねｗ</p><p>Via：<a class="website-link" href="http://delicious.com/url/0ccd1ab1082500055e1bcccc7e148943" onclick="window.open('http://delicious.com/url/0ccd1ab1082500055e1bcccc7e148943'); return false;">delicious</a></p>