window.onload = function() {
  var g = new html5jp.graph.vbar("sample");
  if( ! g ) { return; }
  var items = [
    ["売上", 59, 169, 213, 300, 540, 850]
  ];
  var params = {
    x: ["年度別", "2003年", "2004年", "2005年", "2006年", "2007年予測", "2008年計画"],
    y: ["売上高（百万円）"],
	
	barShape: ["square"],
	//棒グラフの形状"square"（角柱）、"cylinder"（円中）、"flat"（平坦影あり）、"line"（平坦影なし）
	
	barColors: ["#FF9900"],
	//バーの色
	
	xAxisWidth: [2],
	//X軸の太さ
	
	xScaleColor: ["#666666"],
	//x軸の目盛の色
	
	xScaleFontSize: ["10px"],
	//x軸のフォントサイズ
	
	xScaleFontFamily:["Arial,sans-serif"],
	//x軸の目盛フォント
	
	yScaleColor: ["#666666"],
	//y軸のフォントの色
	
	yScaleFontSize: ["10px"],
	//y軸のフォントサイズ
	
	yScaleFontFamily: ["Arial,sans-serif"],
	//y軸のフォント
	
	xCaptionColor: ["#666666"],
	//X軸のタイトルの色
	
	xCaptionFontSize: ["12px"],
	//X軸のタイトルの文字サイズ
	
	xCaptionFontFamily: ["Arial,sans-serif"],
	//x軸のタイトルのフォント
	
	aLineWidth: [2],
	//補助線の太さ
	
    dLabelColor: ["#666666"],
	//棒の上の文字の色
	
	dLabelFontSize: ["12px"],
	//網の上の文字のサイズ
	
	//凡例の表示
	legend: [true]
	
	
	
  };
  g.draw(items, params);
};