サンプル「背景画像で飾る」

背景に画像ファイルを設定しています。
背景は、指定した色でべた塗りすることもできるし、SWFファイルを設定することも可能。



ここがポイント!
背景を表示させるために、backgroundタグを追加しています。
<background show="1" color="0x000000" image="joygraphmaps7b.jpg" />

show属性に「1」を設定して背景を表示します。
color属性にRGB形式の色コードを設定すると、指定した色で背景が塗りつぶされます。
image属性には、背景に表示する画像ファイル名を設定します。

両方指定された場合は、image属性が優先されます。


設定ファイルの内容は次のようになっています。
<?xml version="1.0" encoding="Shift_JIS" ?>
<joygraph>
<map>
<title>都道府県別市区町村数</title>
<description>政令指定都市、特別区を含めた市区町村数です。(2007年4月1日現在)</description>
<legend show="1">
<title>市区町村数</title>
</legend>
<rangelist type="0" unit="市町村">
<range min="80" max="" color="0x009966" disptext="80以上" display="0" />
<range min="60" max="80" color="0x33cc00" disptext="60以上" display="0" />
<range min="40" max="60" color="0x66cc00" disptext="40以上" display="0" />
<range min="20" max="40" color="0x99ff00" disptext="20以上" display="0" />
<range min="" max="20" color="0xccff00" disptext="20未満" display="0" />
</rangelist>
<datalist rank="0">
<data id="hokkaido" value="180" memo="" link=""/>
<data id="aomori" value="40" memo="" link=""/>
<data id="iwate" value="35" memo="" link=""/>
<data id="miyagi" value="36" memo="" link=""/>
<data id="akita" value="25" memo="" link=""/>
<data id="yamagata" value="35" memo="" link=""/>
<data id="fukushima" value="60" memo="" link=""/>
<data id="ibaraki" value="44" memo="" link=""/>
<data id="tochigi" value="31" memo="" link=""/>
<data id="gunma" value="38" memo="" link=""/>
<data id="saitama" value="70" memo="" link=""/>
<data id="chiba" value="56" memo="" link=""/>
<data id="tokyo" value="62" memo="" link=""/>
<data id="kanagawa" value="33" memo="" link=""/>
<data id="niigata" value="35" memo="" link=""/>
<data id="toyama" value="15" memo="" link=""/>
<data id="ishikawa" value="19" memo="" link=""/>
<data id="fukui" value="17" memo="" link=""/>
<data id="yamanashi" value="28" memo="" link=""/>
<data id="nagano" value="81" memo="" link=""/>
<data id="gifu" value="42" memo="" link=""/>
<data id="shizuoka" value="42" memo="" link=""/>
<data id="aichi" value="63" memo="" link=""/>
<data id="mie" value="29" memo="" link=""/>
<data id="shiga" value="26" memo="" link=""/>
<data id="kyoto" value="26" memo="" link=""/>
<data id="osaka" value="43" memo="" link=""/>
<data id="hyogo" value="41" memo="" link=""/>
<data id="nara" value="39" memo="" link=""/>
<data id="wakayama" value="30" memo="" link=""/>
<data id="tottori" value="19" memo="" link=""/>
<data id="shimane" value="21" memo="" link=""/>
<data id="okayama" value="27" memo="" link=""/>
<data id="hiroshima" value="23" memo="" link=""/>
<data id="yamaguchi" value="22" memo="" link=""/>
<data id="tokushima" value="24" memo="" link=""/>
<data id="kagawa" value="17" memo="" link=""/>
<data id="ehime" value="20" memo="" link=""/>
<data id="kochi" value="35" memo="" link=""/>
<data id="fukuoka" value="66" memo="" link=""/>
<data id="saga" value="23" memo="" link=""/>
<data id="nagasaki" value="23" memo="" link=""/>
<data id="kumamoto" value="48" memo="" link=""/>
<data id="oita" value="18" memo="" link=""/>
<data id="miyazaki" value="30" memo="" link=""/>
<data id="kagoshima" value="49" memo="" link=""/>
<data id="okinawa" value="41" memo="" link=""/>
</datalist>
<background show="1" color="0x000000" image="joygraphmaps7b.jpg" />
<colorlist>
<color id="shape" color="0xffffff" alpha="100" borderwidth="1" bordercolor="0x222222" borderalpha="100" />
</colorlist>
</map>
<xmlversion major="1" minor="3"/>
</joygraph>

■サンプル