サンプル「吹き出しを上下に表示」

吹き出しはデフォルトでは、左右いずれかに表示されるが、設定により上下に表示することも可能。
左右、上下のいずれかに表示されるかは、吹き出しに表示される内容と表示位置により自動的に調整される。



ここがポイント!
吹き出しを表示させるために、balloonタグを追加しています。
<balloon show="1" place="1">
<format><![CDATA[<b>$name$</b> $rank$位<br>$value$$unit$<br>$memo$]]></format>
</balloon>

place属性に「1」を設定して吹き出しを上または下側に表示するようにします。
吹き出しの表示位置、内容により、上または下側のどちらに表示するかが自動調整されます。

デフォルトでは、左または右側に表示されるようになっています。


設定ファイルの内容は次のようになっています。
<?xml version="1.0" encoding="Shift_JIS" ?>
<joygraph>
<map>
<title>都道府県の面積</title>
<description><![CDATA[平成19年4月1日現在(速報値)の都道府県別面積です。<br>全国合計の面積は 377,925.79 平方km です。<br>境界未定地域の面積は 14,546.75 平方km あります。<br>出典:国土地理院]]>
</description>
<legend show="1">
<title>面積</title>
</legend>
<rangelist type="0" unit="平方km">
<range min="10000" max="" color="0x993300" disptext="10,000平方km以上" display="0" />
<range min="6000" max="10000" color="0xcc6600" disptext="6,000平方km以上" display="0" />
<range min="3000" max="6000" color="0xff9900" disptext="3,000平方km以上" display="0" />
<range min="" max="3000" color="0xffcc66" disptext="3,000平方km未満" display="0" />
</rangelist>
<datalist rank="0">
<data id="hokkaido" value="83456.25" memo="" link=""/>
<data id="aomori" value="8918.45" memo="" link=""/>
<data id="iwate" value="15278.81" memo="" link=""/>
<data id="miyagi" value="6862.09" memo="" link=""/>
<data id="akita" value="11434.22" memo="" link=""/>
<data id="yamagata" value="6652.11" memo="" link=""/>
<data id="fukushima" value="13782.75" memo="" link=""/>
<data id="ibaraki" value="6095.69" memo="" link=""/>
<data id="tochigi" value="6408.28" memo="" link=""/>
<data id="gunma" value="6363.16" memo="" link=""/>
<data id="saitama" value="3767.09" memo="" link=""/>
<data id="chiba" value="5081.89" memo="" link=""/>
<data id="tokyo" value="2102.88" memo="" link=""/>
<data id="kanagawa" value="2415.84" memo="" link=""/>
<data id="niigata" value="10789.40" memo="" link=""/>
<data id="toyama" value="2045.73" memo="" link=""/>
<data id="ishikawa" value="4185.48" memo="" link=""/>
<data id="fukui" value="4189.27" memo="" link=""/>
<data id="yamanashi" value="4201.17" memo="" link=""/>
<data id="nagano" value="13104.95" memo="" link=""/>
<data id="gifu" value="9768.20" memo="" link=""/>
<data id="shizuoka" value="7329.15" memo="" link=""/>
<data id="aichi" value="5115.38" memo="" link=""/>
<data id="mie" value="5761.40" memo="" link=""/>
<data id="shiga" value="3794.26" memo="" link=""/>
<data id="kyoto" value="4613.00" memo="" link=""/>
<data id="osaka" value="1897.20" memo="" link=""/>
<data id="hyogo" value="8395.47" memo="" link=""/>
<data id="nara" value="3691.09" memo="" link=""/>
<data id="wakayama" value="4726.25" memo="" link=""/>
<data id="tottori" value="3507.26" memo="" link=""/>
<data id="shimane" value="6707.62" memo="" link=""/>
<data id="okayama" value="7009.57" memo="" link=""/>
<data id="hiroshima" value="8478.58" memo="" link=""/>
<data id="yamaguchi" value="6112.24" memo="" link=""/>
<data id="tokushima" value="4145.90" memo="" link=""/>
<data id="kagawa" value="1862.26" memo="" link=""/>
<data id="ehime" value="5677.53" memo="" link=""/>
<data id="kochi" value="7105.03" memo="" link=""/>
<data id="fukuoka" value="4844.10" memo="" link=""/>
<data id="saga" value="2439.58" memo="" link=""/>
<data id="nagasaki" value="4095.31" memo="" link=""/>
<data id="kumamoto" value="6402.78" memo="" link=""/>
<data id="oita" value="5099.18" memo="" link=""/>
<data id="miyazaki" value="6346.14" memo="" link=""/>
<data id="kagoshima" value="9043.50" memo="" link=""/>
<data id="okinawa" value="2275.55" memo="" link=""/>
</datalist>
<balloon show="1" place="1">
<format><![CDATA[<b>$name$</b> $rank$位<br>$value$$unit$<br>$memo$]]></format>
</balloon>
<numberformat format="1" thousandsseparator="1" precision="2" />
</map>
<xmlversion major="1" minor="3"/>
</joygraph>

■サンプル