<?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" />

<style>
	fieldset { border: 1px #0000ff solid; }
</style>

<jsp:directive.include file="/jsp/custom/query_info.jsp" />
<og:comment
	system	= "GF:エンジンサンプル"
	pgid	= "GF7302"
	title	= "ﾘｱﾙﾁｬｰﾄ２"
	date	= "2017/05/09"
	author	= "T.OTA"
	text	= ""
	version	= "001"
/>

<form method="POST" action="forward.jsp" target="RESULT" onSubmit="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:option value="sample14"			lbl="sample14(zoom)"			/>
			<og:option value="sample15A"		lbl="sample15A(横ﾃﾞｰﾀ)"			/>
			<og:option value="sample15B"		lbl="sample15B(縦ﾃﾞｰﾀ)"			/>
		</og:select>
		<og:select name="chartType">
			<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="chartTitle"	size="6" />
		<og:column name="width"			size="4"	defaultVal="800" />
		<og:column name="height"		size="4"/>
	</tr>
</table>

<og:fieldset lbl="ﾁｬｰﾄﾊﾟﾗﾒｰﾀ用:">
  <table border="0" frame="border" summary="form" >
	<tr>
		<td>　</td>
		<td><table border="0"><tr>
			<og:select name="titlePosition" addNoValue="true">
				<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" addNoValue="true">
				<og:option value="true"		lbl="true(表示)"	/>
				<og:option value="false"	lbl="false(非表示)" />
			</og:select>
			<og:select name="legendPosition" addNoValue="true">
				<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" />
			<og:column name="usePointStyle"	codeName="BOOLEAN"	/>
		</tr></table></td>
	</tr>
	<tr>
		<td>　</td>
		<td><table border="0"><tr>
			<og:column name="markValues"	size="10"	defaultVal="9000,5000"		/>
			<og:column name="markColors"	size="10"	defaultVal="RED,BLUE"		/>
			<og:column name="markLbls"		size="10"	defaultVal="基準値,2本目"	/>
			<og:column name="markAdjust"	size="10" />
		</tr></table></td>
	</tr>
	<tr>
		<td>　</td>
		<td><table border="0"><tr>
			<og:column name="xmarkValues"	size="6"	defaultVal="KING"		/>
			<og:column name="xmarkColors"	size="6"	defaultVal="GREEN"		/>
			<og:column name="markWidth"		size="6"	defaultVal="2"			/>
			<og:column name="markDash"		size="6"	defaultVal="[5,2]"		/>
			<og:column name="markFontSize"	size="6"	defaultVal="10"			/>
		</tr></table></td>
	</tr>
	<tr>
		<td>　</td>
		<td><table border="0"><tr>
			<og:column name="useZeroDataOmit"	codeName="BOOLEAN"	/>
			<og:column name="useRenderer"		codeName="BOOLEAN"	/>
			<og:column name="sortColumn"		size="10"			/>
			<og:column name="useZoom"			codeName="BOOLEAN"	/>
		</tr></table></td>
	</tr>
  </table>
</og:fieldset>
<br />
<og:fieldset lbl="X軸(jsChart)用:">
<table border="0" frame="border" summary="form" >
	<tr>
		<td><og:message lbl="x軸：ﾁｬｰﾄﾊﾟﾗﾒｰﾀ用:" /></td>
		<og:select name="xscaleType" addNoValue="true">
			<og:option value="category"	lbl="category"	/>
			<og:option value="linear"	lbl="linear"	/>
			<og:option value="time"		lbl="time"	/>
		</og:select>
		<og:column name="xlabel"	size="10" />
		<og:select name="xposition" addNoValue="true">
			<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><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><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"	selected="selected"	/>
			<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="4"	/>
		<og:column name="timeMin"			size="4"	/>
	</tr>
	<tr>
		<td />
		<og:column name="timeUnitStepSize"	lbl="unitStepSize"	size="4"	defaultVal="1"	/>
		<og:column name="timeSetFormat"		lbl="setFormat"		size="10"	defaultVal="YYYYMMDDHHmmss"	/>	<!-- Moment.js YYYY/MM/DD HH:mm:ss -->
		<og:column name="timeLblFormat"		lbl="lblFormat"		size="10"	defaultVal="MM/DD"	/>
		<og:column name="tooltipFormat"		lbl="tipsFormat"	size="10"	defaultVal="MM/DD HH:mm:ss"	/>
	</tr>
</table>
</og:fieldset>
<br />
<og:fieldset lbl="Y軸(jsChartData)用:">
<table border="0" frame="border" summary="form" >
	<tr>
		<td><og:message lbl="y軸設定用" /></td>
		<og:column name="label"		size="5"	defaultVal="給料" />
		<og:select name="type" addNoValue="true">
			<og:option value="line"		lbl="line"	/>
			<og:option value="bar"		lbl="bar"	/>
		</og:select>
		<og:select name="fill" addNoValue="true">
			<og:option value="false"			lbl="非表示" />
			<og:option value="true"				lbl="表示" />
		</og:select>
		<og:select name="tension" addNoValue="true">
			<og:option value="0.4"	lbl="曲線(0.4(ﾃﾞﾌｫﾙﾄ))" />
			<og:option value="0"	lbl="直線(0)" />
		</og:select>
	</tr>
	<tr>
		<td />
		<og:select name="borderColor" addNoValue="true">
			<og:option value="rgba(0,200,0,0.5)"	lbl="green"	/>
			<og:option value="red"				lbl="red"	/>
			<og:option value="blue" 			lbl="blue"	/>
			<og:option value="PASTEL"			lbl="パステル" />
			<og:option value="VIVID"			lbl="ビビッド" />
		</og:select>
<!--		<og:column name="colorNo" 		size="4" />		-->
		<og:column name="borderWidth"	size="4" />
		<og:column name="borderDash"	size="4" />
		<og:select name="backgroundColor" addNoValue="true" >
			<og:option value="rgba(0,0,0,0.8)"	lbl="黒" />
			<og:option value="red"				lbl="赤" />
			<og:option value="PASTEL"			lbl="パステル" selected="true" />
			<og:option value="VIVID"			lbl="ビビッド" />
			<og:option value="['lightcoral','skyblue','khaki','lightgreen','plum','coral']" lbl="色分け" />
			<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>
	</tr>
	<tr>
		<td />
		<og:column name="pointStyle"
			codeKeyVal="circle:circle triangle:triangle rect:rect rectRot:rectRot cross:cross crossRot:crossRot star:star line:line dash:dash"
		/>
		<og:column name="pointRadius"	size="4"	/>
		<og:column name="showLine"		codeName="BOOLEAN"/>
	</tr>
</table>

<table border="0" frame="border" summary="form" >
	<tr>
		<td><og:message lbl="y軸 ｶﾃｺﾞﾘｰｽｹｰﾙ用" /></td>
		<og:column name="useAxis"	codeName="BOOLEAN"/>
		<og:select name="position"	addNoValue="true">
			<og:option value="left"		lbl="left"	/>
			<og:option value="right"	lbl="right"	/>
		</og:select>
		<og:column name="ylabel"	size="10" />
	</tr>
	<tr>
		<td><og:message lbl="y軸 ticks:" /></td>
		<og:column name="beginAtZero" codeName="BOOLEAN"/>
		<og:column name="fontColor"	size="4" 		/>
		<og:column name="max"		size="4"	/>
		<og:column name="min"		size="4"	/>
		<og:column name="stepSize"	size="4"	/>
	</tr>
	<tr>
		<td />
		<og:column name="gridColor"	size="4"	/>
		<og:select name="scaleType" addNoValue="true">
			<og:option value="linear"		lbl="linear"	/>
			<og:option value="category"		lbl="category"	/>
		</og:select>
		<td colspan="4"><og:column name="categoryList"	defaultVal="正常,異常,その他" td="no" /></td>
	</tr>
	<tr>
		<td />
		<og:column name="spanGaps"		codeName="BOOLEAN"	/>
		<og:column name="pointBGColor"	colspan="5"	defaultVal="[,,'red',,,'red','red']"	/>
	</tr>
</table>
</og:fieldset>

<og:queryButton />
</form>

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