<?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" />
<jsp:directive.include file="/jsp/custom/result_info.jsp" />

	<!-- ﾁｬｰﾄ情報の取得 -->
	<og:query command="NEW">
		SELECT ENAME LABELS
			,SAL VAL1
			,COMM VAL2
		FROM BONUS
		union all
		select 'TEST2', 13000.5 VA1, 0.1 VAL2 FROM DUAL
		order by 1
	</og:query>

<form>
	横：<input id="range1" type="range" min="200" max="1000" />
	縦：<input id="range2" type="range" min="200" max="1000" />
	min:<input id="range3" type="range" min="-100" max="400" />
	max:<input id="range4" type="range" min="500" max="2000" />

	<!-- 全ての属性を設定した形式 -->
	<og:jsChart
		chartType			= "{@chartType}"
		labelColumn			= "LABELS"
		xlabel				= "xラベル"
		optionAttributes	= ""
		widthEventColumn	= "range1"
		heightEventColumn	= "range2"
		minEventColumn		= "range3"
		maxEventColumn		= "range4"
		debug				= "{@debug}"
	>
	<og:jsChartData
			chartColumn			= "VAL1"
			label				= "給料"
			fill				= "{@fill}"
			tension				= "{@tension}"
			borderColor			= "{@borderColor}"
			borderWidth			= "{@borderWidth}"
			backgroundColor		= "{@backgroundColor}"
			optionAttributes	= ""
			 />
	</og:jsChart>
	
	<og:jsChart
		chartType			= "{@chartType}"
		id					= "chart2"
		labelColumn			= "LABELS"
		xlabel				= "xラベル"
		optionAttributes	= ""
		widthEventColumn	= "range1"
		heightEventColumn	= "range2"
		debug				= "{@debug}"
	>
	<og:jsChartData
			chartColumn			= "VAL1"
			label				= "給料"
			fill				= "{@fill}"
			tension				= "{@tension}"
			borderColor			= "{@borderColor}"
			borderWidth			= "{@borderWidth}"
			backgroundColor		= "{@backgroundColor}"
			optionAttributes	= ""
			 />
	</og:jsChart>
</form>

<jsp:directive.include file="/jsp/common/htmlend.jsp" />
</jsp:root>
