<?xml version="1.0" encoding="UTF-8" ?>
<jsp:root
	xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:og="hybs-taglib.tld"
	version="2.0">
<jsp:directive.page language="java" contentType="text/html; charset=UTF-8" />

<og:head headType="result" useChartJS="true" />


	<!-- ﾁｬｰﾄ情報の取得 -->
	<og:query>
		SELECT ENAME LABELS
			,SAL VAL1
			,COMM VAL2
		FROM BONUS
		order by 1
	</og:query>
	
	<!--  jsChartのchartTypeに「bar」,
	jsChartDataのoptionAttributesに「type:'line'」を設定して下さい	 -->
	<og:jsChart
		chartType	= "bar"
		height		= "{@height}"
		width		= "{@width}"
		max			= "{@max}"
		min			= "{@min}"
		labelColumn	= "LABELS"
		debug="{@debug}"
	>
		<og:jsChartData
			chartColumn			= "VAL1"
			label				= "給料"
			borderColor			= "green"
			optionAttributes	= "type:'line'"
		/>
		<og:jsChartData
			chartColumn			= "VAL2"
			label				= "裁量手当"
			borderColor			= "blue"
			optionAttributes	= "type:'bar'"
		/>
	</og:jsChart>
</jsp:root>