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

<og:head headType="query" />

<jsp:directive.include file="/jsp/custom/query_info.jsp" />
<og:comment
	system	= "GF:エンジンサンプル"
	pgid	= "GF7222"
	title	= "chartJs試作"
	date	= "2017/05/09"
	author	= "T.OTA"
	text	= ""
	version	= "001"
/>

<form method="POST" action="forward.jsp" target="RESULT" onClick="timeSet();">

<table border="0" frame="border" summary="form" >
	<tr>
		<og:select name="sample">
			<og:option value="sample1"			lbl="sample1(属性設定なし)" />
			<og:option value="sample2"			lbl="sample2(属性設定あり)" />
			<og:option value="sample3"			lbl="sample3(混合ｸﾞﾗﾌ)" />
			<og:option value="sample4"			lbl="sample4(ｙ軸が2軸)" />
			<og:option value="sample5"			lbl="sample5(onClick)" />
			<og:option value="sample6"			lbl="sample6(timeScale)" />
			<og:option value="sample7"			lbl="sample7(y軸category)" />
			<og:option value="sample8"			lbl="sample8(x軸linear)" />
			<og:option value="sample9"			lbl="sample9(ﾃｽﾄ用)" />
			<og:option value="sample10"			lbl="sample10(range)" />
			<og:option value="sample11"			lbl="sample11(range位置調整)" />
		</og:select>
		<og:select name="chartType" must="true">
			<og:option value="line"				lbl="line"	selected="selected" />
			<og:option value="bar"				lbl="bar" />
			<og:option value="horizontalBar"	lbl="horizontalBar" />
			<og:option value="radar"			lbl="radar" />
			<og:option value="polarArea"		lbl="polarArea" />
			<og:option value="pie"				lbl="pie" />
			<og:option value="doughnut"			lbl="doughnut" />
		</og:select>
		<og:column name="width" size="4" />
		<og:column name="height" size="4"/>
	</tr>
	<tr>
		<td colspan="2"><og:message lbl="ﾁｬｰﾄﾊﾟﾗﾒｰﾀ用:" /></td>
		<og:column name="max" size="4" lbl="max" />
		<og:column name="min" size="4" lbl="min" />
		<og:column name="stepSize" size="4" lbl="stepSize" />
		<og:column name="barWidthPer" size="4" lbl="barWidthPer" />
		<og:column name="title" />
		<og:select name="titlePosition">
			<og:option value="top" lbl="top" />
			<og:option value="bottom" lbl="bottom" />
			<og:option value="left" lbl="left" />
			<og:option value="right" lbl="right" />
		</og:select>
		<og:column name="ylabel" />
		<og:column name="xlabel" />
		<og:select name="legendDisplay">
			<og:option value="true" lbl="true(表示)" />
			<og:option value="false" lbl="false(非表示)" />
		</og:select>
		<og:select name="legendPosition">
			<og:option value="top" lbl="top" />
			<og:option value="bottom" lbl="bottom" />
			<og:option value="left" lbl="left" />
			<og:option value="right" lbl="right" />
		</og:select>
	</tr>
	<tr>
		<td colspan="2"><og:message lbl="描写用:" /></td>
		<og:select name="borderColor">
			<og:option value="rgba(0,0,100,1)"		lbl="青" />
			<og:option value="red"	lbl="red" />
			<og:option value="blue" 	lbl="blue" />
		</og:select>
		<og:column name="borderWidth" size="4" lbl="borderWidth" />
		<og:select name="backgroundColor">
			<og:option value="rgba(0,0,0,0.8)"		lbl="黒" />
			<og:option value="red"				lbl="赤" />
			<og:option value="['lightcoral','skyblue','khaki','lightgreen','plum','coral']" lbl="色分け" selected="true" />
			<og:option value="['rgba(204,0,0,0.3)','rgba(51,0,204,0.3)','rgba(255,255,0,0.3)','rgba(51,153,51,0.3)','rgba(0,0,0,0.3)']" lbl="色分け(rbga)" />
			<og:option value="rgba(150,150,150,0.5)" lbl="rgba指定" />
		</og:select>
		<og:select name="fill">
			<og:option value="false"				lbl="非表示" />
			<og:option value="true"					lbl="表示" />
		</og:select>
		<og:select name="tension">
			<og:option value="0.4" lbl="曲線(0.4(ﾃﾞﾌｫﾙﾄ))" />
			<og:option value="0" lbl="直線(0)" />
		</og:select>
	</tr>
	<tr>
		<td colspan="2"><og:message lbl="x軸 ﾀｲﾑｽｹｰﾙ用:" /></td>
		<og:select name="xscaleType">
			<og:option value="category" lbl="category" />
			<og:option value="time" lbl="time" />
			<og:option value="linear" lbl="linear" />
		</og:select>
		<og:select name="timeUnit" addNoValue="true">
			<og:option value="year" lbl="year" />
			<og:option value="quarter" lbl="quarter" />
			<og:option value="month" lbl="month" />
			<og:option value="week" lbl="week" />
			<og:option value="day" lbl="day" />
			<og:option value="hour" lbl="hour" />
			<og:option value="minute" lbl="minute" />
			<og:option value="second" lbl="second" />
			<og:option value="millsecond" lbl="millsecond" />
		</og:select>
		<og:column name="timeUnitStepSize" size="4" />
		<og:column name="timeSetFormat" size="12" />
		<og:column name="timeLblFormat" size="12" />
		<og:column name="timeMax" size="12" />
		<og:column name="timeMin" size="12" />
	</tr>
	<tr>
		<td colspan="2"><og:message lbl="x軸 ﾘﾆｱｽｹｰﾙ用:" /></td>
		<td colspan="2" />
		<og:column name="xmax" size="4" />
		<og:column name="xmin" size="4" />
		<og:column name="xstepSize" size="4" />
	</tr>
	<tr>
		<td colspan="2"><og:message lbl="y軸 ｶﾃｺﾞﾘｰｽｹｰﾙ用" /></td>
		<og:select name="yscaleType">
			<og:option value="linear" lbl="linear" />
			<og:option value="category" lbl="category" />
		</og:select>
		<og:column name="ycategoryList" defaultVal="正常,異常,その他" />
	</tr>
	
</table>

<og:queryButton />
</form>

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