縦棒グラフ(2D)

縦棒グラフ(2D)基本形

（各種サンプルはこの形との差異で確認してください）

<div id="chartdiv"></div>

<script type="text/javascript"
src="./Charts/FusionCharts.js"></script>
<script type="text/javascript">
var chart =
 new FusionCharts("./Charts/FCF_Column2D.swf", "ChartId", "400", "300");

var xmlData = '';
xmlData += '<graph caption="Monthly Unit Sales" xAxisName="Month"
 yAxisName="Units" decimalPrecision="0" formatNumberScale="0">';
xmlData += '  <set name="Jan" value="462" color="AFD8F8" />';
xmlData += '  <set name="Feb" value="857" color="F6BD0F" />';
xmlData += '  <set name="Mar" value="671" color="8BBA00" />';
xmlData += '  <set name="Apr" value="494" color="FF8E46" />';
xmlData += '  <set name="May" value="761" color="008E8E" />';
xmlData += '  <set name="Jun" value="920" color="D64646" />';
xmlData += '</graph>';

chart.setDataXML(xmlData);
chart.render("chartdiv");
</script>

<graph>属性

背景プロパティ

	bgColor		HexColor		背景色		サンプル
	bgAlpha		0-100(%)		背景透過率		サンプル
	bgSWF		パス		背景に表示するSWFファイル		サンプル

キャンバスプロパティ

	canvasBgColor		HexColor		キャンバス背景色		サンプル
	canvasBgAlpha		0-100(%)		キャンバス背景透過率		サンプル
	canvasBorderColor		HexColor		キャンバス枠線色		サンプル
	canvasBorderThickness		数値		キャンバス枠線幅		サンプル

タイトルプロパティ

	caption		文字列		タイトル		サンプル
	subCaption		文字列		サブタイトル		サンプル
	xAxisName		文字列		横軸名		サンプル
	yAxisName		文字列		縦軸名		サンプル

制限値プロパティ

	yAxisMinValue		数値		縦軸下限値		サンプル
	yAxisMaxValue		数値		縦軸上限値		サンプル

共通プロパティ

	showNames		0/1		横軸項目名表示フラグ		サンプル
	showValues		0/1		グラフ上の値の表示フラグ		サンプル
	showLimits		0/1		制限値表示フラグ		サンプル
	rotateNames		0/1		横軸項目名回転表示フラグ		サンプル
	animation		0/1		アニメーションフラグ		サンプル
	showColumnShadow		0/1		グラフの影の表示フラグ		サンプル

フォントプロパティ

	baseFont		文字列		基本フォント名		サンプル
	baseFontSize		数値		基本フォントサイズ		サンプル
	baseFontColor		HexColor		基本フォントカラー		サンプル
	outCnvBaseFont		文字列		枠外フォント名		サンプル
	outCnvBaseFontSze		数値		枠外フォントサイズ		サンプル
	outCnvBaseFontColor		HexColor		枠外フォントカラー		サンプル

数値フォーマットプロパティ

	numberPrefix		文字列		値の前につける文字列		サンプル
	numberSuffix		文字列		値の後につける文字列		サンプル
	formatNumber		0/1		カンマ区切りフラグ		サンプル
	formatNumberScale		0/1		K/M単位表示フラグ		サンプル
	decimalSeparator		文字列		小数点表示文字		サンプル
	thousandSeparator		文字列		区切り表示文字		サンプル
	decimalPrecision		数値		小数部表示桁数		サンプル
	divLineDecimalPrecision		数値		縦軸の小数部表示桁数		サンプル
	limitsDecimalPrecision		数値		縦軸上下限の小数部表示桁数		サンプル

ゼロ値プロパティ

	zeroPlaneThickness		数値		ゼロ値ラインの太さ		サンプル
	zeroPlaneColor		HexColor		ゼロ値ラインの色		サンプル
	zeroPlaneAlpha		0-100(%)		ゼロ値ラインの透過率		サンプル

水平分割線プロパティ

	numDivLines		数値		水平分割線の本数		サンプル
	divLineColor		HexColor		水平分割線の色		サンプル
	divLineThickness		数値		水平分割線の太さ		サンプル
	divLineAlpha		0-100(%)		水平分割線の透過率		サンプル
	showDivLineValue		0/1		水平分割線の値表示フラグ		サンプル
	showAlternateHGridColor		0/1		水平分割線間の塗りつぶしフラグ		サンプル
	alternateHGridColor		HexColor		水平分割線間の塗りつぶし色		サンプル
	alternateHGridAlpha		0-100(%)		水平分割線間の塗りつぶし透過率		サンプル

垂直分割線プロパティ

	numVDivLines		数値		垂直分割線の本数		サンプル
	VDivlinecolor		HexColor		垂直分割線の色		サンプル
	VDivLineThickness		数値		垂直分割線の太さ		サンプル
	VDivLineAlpha		0-100(%)		垂直分割線の透過率		サンプル
	showAlternateVGridColor		0/1		垂直分割線間の塗りつぶしフラグ		サンプル
	alternateVGridColor		HexColor		垂直分割線間の塗りつぶし色		サンプル
	alternateVGridAlpha		0-100(%)		垂直分割線間の塗りつぶし透過率		サンプル

ホバーキャプションプロパティ

	showHoverCap		0/1		ホバーキャプション表示フラグ		サンプル
	hoverCapBgColor		HexColor		ホバーキャプション背景色		サンプル
	hoverCapBorderColor		HexColor		ホバーキャプションの枠の色		サンプル
	hoverCapSepChar		文字列		ホバーキャプションの区切り文字		サンプル

マージンプロパティ

	chartLeftMargin		数値		左マージン		サンプル
	chartRightMargin		数値		右マージン		サンプル
	chartTopMargin		数値		上マージン		サンプル
	chartBottomMargin		数値		下マージン		サンプル

<set>属性

	name		文字列		項目名		サンプル
	value		数値		項目値		サンプル
	color		HexColor		棒の色		サンプル
	hoverText		文字列		ホバーキャプション項目名		サンプル
	link		URL		リンク先		サンプル
	alpha		0-100(%)		棒の透過率		サンプル
	showName		0/1		項目名表示フラグ		サンプル

<trendLines>属性

	startValue						サンプル?
	endValue						サンプル?
	color						サンプル?
	displayValue						サンプル?
	thickness						サンプル?
	isTrendZone						サンプル?
	showOnTop						サンプル?
	alpha						サンプル?

---