amCharts LINKS & other；
|
amchartsは、現在、javascript charts（新javascriptバージョン）、flex charts（新flexバージョン）およびflash charts（旧flashバージョン）があります（2012.2.14現在）
本ページは、flash charts（amchartsの旧バージョンとして存続）を使用して、縦棒、横棒グラフ(amcolumn)のフラッシュグラフ(SWF)の作成方法を紹介します。
Webページは、HTMLをはじめPerl、PHP、ASP等が使用できます。
amCharts flash chartsは、円グラフ、折れ線グラフ、棒グラフ、分散グラフ及びストックグラフが提供されています。
このページの内容は、OS Windows IIS + Active Perl5.6.1をベースに書いています。 * amChartsは、www.amcharts.comが著作権を持っています。
１．アプリケージョンの構成
グラフ作成アプリケージョンの構成は、以下のとおりです。
|
|
| ||||
２．システム構成（動作確認マシン環境）
| ||||||||||||
３．グラフライブラリーamCharts（amcolumn)のインストール
 |
４．グラフの作成方法（縦棒グラフと横棒グラフ Column & Bar chart）
amChartsの縦棒グラフと横棒グラフ作成するためには、次の２つのファイル（①、②）を作成、カスタマイズし、Webページ（③）を作成します。
４．１ データファイルの作成
【注記】
| ⇒ |
You need to upgrade your Flash Player
|
<chart> <series> <value xid="0">トヨタ自動車</value> <value xid="1">日産自動車</value> <value xid="2">ホンダ</value> <value xid="3">スズキ</value> <value xid="4">ダイハツ工業</value> <value xid="5">マツダ</value> <value xid="6">三菱自動車</value> <value xid="7">富士重工</value> </series> <graphs> <graph gid="0" title="国内販売"> <!--国内販売台数--> <value xid="0" description="2006年売上げ世界第一位！！" >1892253</value> <value xid="1">766702</value> <value xid="2">702242</value> <value xid="3">695330</value> <value xid="4">622500</value> <value xid="5">270241</value> <value xid="6">263490</value> <value xid="7">245234</value> </graph> <graph gid="1"> <!--国内生産台数--> <value xid="0">4194187</value> <value xid="1">1234400</value> <value xid="2">1332866</value> <value xid="3">1206805</value> <value xid="4">791291</value> <value xid="5">966547</value> <value xid="6">768478</value> <value xid="7">482283</value> </graph> <graph gid="2"> <!--輸出台数--> <value xid="0">2529293</value> <value xid="1">646016</value> <value xid="2">627952</value> <value xid="3">369526</value> <value xid="4">134448</value> <value xid="5">720573</value> <value xid="6">406238</value> <value xid="7">238836</value> </graph> </graphs> </chart> |
|||
| |||
４．２ 設定ファイルのカスタマイズ
|
４．３ Webページ（HTML)の作成
<html> <!--新バージョン amcharts Flashバージョン amcharts_flash_1.6(2012.1.11)-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift-JIS" />
<title>amcolumn</title>
</head>
<body>
<!-- saved from url=(0013)about:internet -->
<!-- amcharts script-->
<!-- swf object (version 2.2) is used to detect if flash is installed and include swf in the page -->
<script type="text/javascript" src="flash/swfobject.js"></script> *8
<div id="flashcontent"> <!--SWF(グラフ）を埋め込み場所。IDで名前を定義。-->
<strong>You need to upgrade your Flash Player</strong>
</div>
<script type="text/javascript">
var params =
{
bgcolor:"#FFFFFF" *6
};
var flashVars =
{
path: "amcolumn/", *1
settings_file: "amcolumn/amcolumn_settings.xml", *2
data_file: "amcolumn/amcolumn_data.xml" *3
};
swfobject.embedSWF("flash/amcolumn.swf", "flashcontent", "520", "400", "8", "flash/expressInstall.swf", flashVars, params);*10
//↑グラフ（SWF)の呼び出し *10
</script>
<!-- end of amcharts script -->
<!-- other parameters which can be passed with flashVars:
chart_data - data in csv or xml format;
chart_settings - settings in xml format;
additional_chart_settings - settings in xml format which will be appended to chart_settings or settings loaded from a file;
loading_settings - string displayed while loading settings;
loading_data - string displayed while loading data;
preloader_color - hex color (#CC0000 for example) of a preloader bar; *7
error_loading_file - string displayed if indicated file was not found.
-->
</body>
</html>
| |||||||||||||||||||||||||||||||||||
５．グラフサンプル
（変更履歴）
 最終更新日：2007.5.25,2012.2.14,2019.2.22
|
