<?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 command="NEW">
		SELECT
			TO_CHAR(SYSDATE,'YYYY/MM/DD') LABELS
			,1000 VAL1
		FROM DUAL
		UNION ALL
		SELECT
			TO_CHAR(SYSDATE + 1,'YYYY/MM/DD') LABELS
			,1000 VAL1
		FROM DUAL
		order by 1
	</og:query>
	
	横：<input id="range1" type="range" min="200" max="1000" /><br />
	縦：<input id="range2" type="range" min="200" max="1000" /><br />
	min:<input id="range3" type="range" min="-100" max="400" /><br />
	max:<input id="range4" type="range" min="500" max="2000" /><br />
	
	<!-- 全ての属性を設定した形式 -->
	<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>
</jsp:root>