<?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:option value="sample12"			lbl="sample12(基準線ﾌﾟﾗｸﾞｲﾝ)"	/>
			<og:option value="sample13"			lbl="sample13(x軸拡大)"			/>
		</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="chartTitle"  />
		<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: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>
		<og:column name="barWidthPer" size="4" lbl="barWidthPer" />
	</tr>
</table>

<table border="0" frame="border" summary="form" >
	<tr>
		<td colspan="2" />
		<og:column name="markValues"	defaultVal="9000,5000"		colspan="3" />
		<og:column name="markColors"	defaultVal="RED,BLUE"		colspan="3" />
		<og:column name="markLbls"		defaultVal="基準値,2本目"	colspan="3" />
		<og:column name="markAdjust" />
	</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:column name="xlabel" />
	</tr>
	<tr>
		<td colspan="2"><og:message lbl="x軸：linearの場合に有効:" /></td>
		<og:column name="xbeginAtZero" codeName="BOOLEAN"/>
		<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="x軸 timeの場合に有効:" /></td>
		<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="timeMax"			size="12"	/>
		<og:column name="timeMin"			size="12"	/>
		<og:column name="timeUnitStepSize"	size="4"	/>
		<og:column name="timeSetFormat"		size="12"	/>
		<og:column name="timeLblFormat"		size="12"	/>
	</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="ylabel" />
		<og:column name="ycategoryList" defaultVal="正常,異常,その他" />
	</tr>
	<tr>
		<td colspan="2"><og:message lbl="y軸 linearの場合に有効:" /></td>
		<og:column name="ybeginAtZero" codeName="BOOLEAN"/>
		<og:column name="max" size="4"		lbl="max"		/>
		<og:column name="min" size="4"		lbl="min"		/>
		<og:column name="stepSize" size="4" lbl="stepSize"	/>
	</tr>
	<tr>
		<td colspan="2"><og:message lbl="jsChartData 描写用:" /></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>
</table>

<og:queryButton />
</form>

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