XML/SWF Charts のチュートリアルで日本語を表示してみる

チュートリアルの sample.xml

<chart>
	<chart_data>
		<row>
			<null/>
			<string>2005</string>
			<string>2006</string>
			<string>2007</string>
			<string>2008</string>
		</row>
		<row>
			<string>Region A</string>
			<number>5</number>
			<number>10</number>
			<number>30</number>
			<number>63</number>
		</row>
		<row>
			<string>Region B</string>	
			<number>100</number>
			<number>20</number>
			<number>65</number>
			<number>55</number>
		</row>
		<row>
			<string>Region C</string>
			<number>56</number>
			<number>21</number>
			<number>5</number>
			<number>90</number>
		</row>
	</chart_data>
</chart>

日本語の文字を追加する。

XML ファイルは UTF-8 で保存すること。

<chart>
	<chart_data>
		<row>
			<null/>
			<string>2005年</string>
			<string>2006年</string>
			<string>2007年</string>
			<string>2008年</string>
		</row>
		<row>
			<string>中部地方</string>
			<number>5</number>
			<number>10</number>
			<number>30</number>
			<number>63</number>
		</row>
		<row>
			<string>中部地方</string>
			<number>100</number>
			<number>20</number>
			<number>65</number>
			<number>55</number>
		</row>
		<row>
			<string>関東地方</string>
			<number>56</number>
			<number>21</number>
			<number>5</number>
			<number>90</number>
		</row>
	</chart_data>
</chart>

日本語を表示できるようにフォントを設定する

  • <axis_category font='Microsoft Sans Serif' /> は横軸の項目を表示するフォントを設定する。
  • <legend font='Microsoft Sans Serif' /> はグラフの項目説明を表示するフォントを設定する。

<chart>
	<chart_data>
		<row>
			<null/>
			<string>2005年</string>
			<string>2006年</string>
			<string>2007年</string>
			<string>2008年</string>
		</row>
		<row>
			<string>中部地方</string>
			<number>5</number>
			<number>10</number>
			<number>30</number>
			<number>63</number>
		</row>
		<row>
			<string>中部地方</string>
			<number>100</number>
			<number>20</number>
			<number>65</number>
			<number>55</number>
		</row>
		<row>
			<string>関東地方</string>
			<number>56</number>
			<number>21</number>
			<number>5</number>
			<number>90</number>
		</row>
	</chart_data>
   <axis_category font='Microsoft Sans Serif' />
   <legend font='Microsoft Sans Serif' />
</chart>