window.onload = function() {
  var g = new html5jp.graph.vbar("sales");
  if( ! g ) { return; }
  var items = [
    ["売上高", 11696, 12111, 13304, 11700, 9700]
  ];
  var params = {
    x: ["計画", "2006年3月", "2007年3月", "2008年3月", "2009年3月", "2010年3月"],
    y: ["(百万円)"],
		barShape: "line",
		gBackgroundColor: "#ffffff",
		backgroundColor: "#f7f7f7",
		legend :false,
		dLabel :false,
		gGradation :false,
		barAlpha :0.9,
		barGradation :true,
		barColors:["#FDB96B"]
};
  g.draw(items, params);
  
  
  var cg = new html5jp.graph.circle("constitution");
  if( ! cg ) { return; }
  var items = [
    ["高機能性ポリマー原料", 5367842, "#FF8432"],
    ["染料・顔料中間体", 4852795, "#FFD932"],
    ["ウレタン・エポキシ硬化剤", 1450323, "#DBFF32"]
];
  var params = {
    backgroundColor: "#f7f7f7",
    shadow: false,
    captionNum: false,
    startAngle: -90,
	caption :true,
	border:false,
	captionColor:"#231815",
	fontSize :"15px",
	textShadow:false,
	legend :false
};

  cg.draw(items, params);
};