<script type='text' id='editChart-tmpl'>
	<div class="panel-group" id="editChart">
		<div class="panel panel-default">
			<div class="panel-heading" data-toggle="collapse" data-parent="#editChart"
			href="#collapseOne" data-lang="componentProperties">
<!--				{{text}}-属性({{key}})-->
                     组件属性
			</div>
			<div id='collapseOne' class='panel-collapse collapse in'>
				<div class="panel-body">
				    <div class="input-group">
						<span class="input-group-addon" data-lang="alias">别名</span>
						<input type="text" name="key" id="key" class="form-control" placeholder="别名" value={{key}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="elementHorizontalPosition">元素水平位置</span>
						<input type="number" name="x" id="x" class="form-control" placeholder="请输入大于0的x轴坐标" value={{x}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="elementVerticalPosition">元素垂直位置</span>
						<input type="number" name="printedY" id="printedY" class="form-control" placeholder="请输入大于0的y轴坐标" value={{printedY}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="width">宽度</span>
						<input type="number" name="width" id="width" class="form-control" placeholder="请输入元素宽度" value={{width}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="height">高度</span>
						<input type="number" name="height" id="height" class="form-control" placeholder="请输入元素高度" value={{height}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="foregroundColor">前景色</span>
						<div class="xh-colorDiv">
						    <input name='selectForecolor' id="forecolor" type='color' value={{forecolor}} class="xh-colorInp"/>
                            <input type="text" id="forecolor" name="forecolor" class="form-control" placeholder="请选择前景色" value={{forecolor}} />

						</div>
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="backgroundColor">背景色</span>
						<div class="xh-colorDiv">
						    <input name='selectBackcolor' id="backcolor" type='color' value={{backcolor}} class="xh-colorInp"/>
                            <input type="text" id="backcolor" name="backcolor" class="form-control" placeholder="请选择背景色" value={{backcolor}} />

						</div>
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="transparent">是否透明</span>
						<input type="checkbox" name="mode" id="mode" class="checkbox xh-check" {{if mode == 'true'}} checked {{else}} {{/if}} />
						<label class="labelCss" for="mode"></label>
					</div>

<!--					<div class="input-group">-->
<!--						<span class="input-group-addon" data-lang="extendedElement">元素的延伸类型</span>-->
<!--						<select id='stretchType' name="stretchType" class="form-control">-->
<!--						{{each stretchType as value key}}-->
<!--							{{if value == "true"}}-->
<!--								<option selected>{{key}}</option>-->
<!--							{{else}}-->
<!--								<option>{{key}}</option>-->
<!--							{{/if}}-->
<!--						{{/each}}-->
<!--						</select>-->
<!--					</div> -->
<!--					<div class="input-group">-->
<!--						<span class="input-group-addon" data-lang="positioningExtendedElements">延伸元素的取位</span>-->
<!--						<select id='positionType' name="positionType" class="form-control">-->
<!--						{{each positionType as value key}}-->
<!--							{{if value == "true"}}-->
<!--								<option selected>{{key}}</option>-->
<!--							{{else}}-->
<!--								<option>{{key}}</option>-->
<!--							{{/if}}-->
<!--						{{/each}}-->
<!--						</select>-->
<!--					</div> -->
<!--					<div class="input-group">-->
<!--						<span class="input-group-addon" data-lang="duplicateValues">是否打印重复值</span>-->
<!--						<input type="checkbox" name="isPrintRepeatedValues" id="isPrintRepeatedValues" class="checkbox" {{if isPrintRepeatedValues == 'true'}} checked {{else}} {{/if}} />-->
<!--					</div> -->
<!--					<div class="input-group">-->
<!--						<span class="input-group-addon" data-lang="deleteLine">元素空白时是否删除线</span>-->
<!--						<input type="checkbox" name="isRemoveLineWhenBlank" id="isRemoveLineWhenBlank" class="checkbox" {{if isRemoveLineWhenBlank == 'true'}} checked {{else}} {{/if}} />-->
<!--					</div> -->
<!--					<div class="input-group">-->
<!--						<span class="input-group-addon" data-lang="printedFirst">元素是否优先打印</span>-->
<!--						<input type="checkbox" name="isPrintInFirstWholeBand " id="isPrintInFirstWholeBand " class="checkbox" {{if isPrintInFirstWholeBand  == 'true'}} checked {{else}} {{/if}} />-->
<!--					</div> -->
<!--					<div class="input-group">-->
<!--						<span class="input-group-addon" data-lang="printWhenElementExceeds">元素超过当前打印页大小时是否打印</span>-->
<!--						<input type="checkbox" name="isPrintWhenDetailOverflows " id="isPrintWhenDetailOverflows " class="checkbox" {{if isPrintWhenDetailOverflows  == 'true'}} checked {{else}} {{/if}} />-->
<!--					</div> -->

					<div class="input-group">
						<span class="input-group-addon" data-lang="outputPrintingConditions">输出打印条件</span>
						<input type="text" name="printWhenExpression" id="printWhenExpression" class="form-control" placeholder="" value={{printWhenExpression}} />
					</div>
					<div class="input-group">
                        <span class="input-group-addon" data-lang="borderWidth">边框宽度</span>
                        <input type="number" name="lineWidth" id="lineWidth" class="form-control"  value={{lineWidth}} />
                    </div>
                    <div class="input-group">
                        <span class="input-group-addon" data-lang="borderType">边框类型</span>
                        <select id='lineStyle' name="lineStyle" class="form-control">
                            {{each lineStyleOption as value key}}
                                {{if value == true}}
                                    <option selected>{{key}}</option>
                                {{else}}
                                    <option>{{key}}</option>
                                {{/if}}
                            {{/each}}
                        </select>
                    </div>
                    <div class="input-group">
                        <span class="input-group-addon" data-lang="borderColor">边框颜色</span>
                        <div class="xh-colorDiv">
						    <input name='selectLinecolor' id="lineColor" type='color' value={{lineColor}} class="xh-colorInp"/>
                            <input type="text" id="lineColor" name="lineColor" class="form-control" value={{lineColor}}  />
						</div>
                    </div>
				</div>
			</div>
		</div>	
		<div class="panel panel-default">
			<div class="panel-heading" data-toggle="collapse" data-parent="#editChart"
			href="#collapseTwo" data-lang="chartProperties">
				通用图表属性
			</div>
             <div id='collapseTwo' class='panel-collapse collapse'>
                 <div class="panel-body">
                    <div class="input-group">
                        <span class="input-group-addon" data-lang="assignmentTime">赋值时间</span>
                        <select id='evaluationTime' name="evaluationTime" class="form-control">
                        {{each evaluationTimeOption as value key}}
                            {{if value == true}}
                                <option selected>{{key}}</option>
                            {{else}}
                                <option>{{key}}</option>
                            {{/if}}
                        {{/each}}
                        </select>
                    </div>
                     <div class="input-group">
                        <span class="input-group-addon" data-lang="title">标题</span>
                        <input type="text" class="form-control" id="title" placeholder="标题" value="{{title}}">
                        <div class="input-group-addon iconfont icon-diandiandian xh-diandiandian" id="titleFont"name="chartFontStyle" titleFontName="{{titleFontName}}" titleFontColor="{{titleFontColor}}" titleFontSize="{{titleFontSize}}"></div>

                     </div>
                     <div class="input-group">
                         <span class="input-group-addon" data-lang="titlePosition">标题位置</span>
                         <select id='titlePosition' name="titlePosition" class="form-control">
                         {{each titlePositionOption as value key}}
                             {{if value == true}}
                                <option selected>{{key}}</option>
                             {{else}}
                                <option>{{key}}</option>
                             {{/if}}
                         {{/each}}
                         </select>
                     </div>
                     <div class="input-group">
                        <span class="input-group-addon" data-lang="subtitle">副标题</span>
                        <input type="text" class="form-control" id="subtitle" placeholder="副标题" value="{{subtitle}}">
                        <div class="input-group-addon iconfont icon-diandiandian xh-diandiandian" name="chartFontStyle" id="subtitleFont" subtitleFontName="{{subtitleFontName}}" subtitleFontColor="{{subtitleFontColor}}" subtitleFontSize="{{subtitleFontSize}}"></div>

                     </div>

                     <div class="input-group">
                        <span class="input-group-addon" data-lang="legend">图例</span>
                        <input type="text" class="form-control" id="legend" placeholder="图例">
                        <div class="input-group-addon  iconfont icon-diandiandian xh-diandiandian" name="chartFontStyle" id="legendFont" legendFontName="{{legendFontName}}" legendFontColor="{{legendFontColor}}" legendFontSize="{{legendFontSize}}"></div>

                     </div>

                     <div class="input-group">
						<span class="input-group-addon" data-lang="showLegend">是否显示图例</span>
						<input type="checkbox" name="isShowLegend" id="isShowLegend" class="checkbox xh-check" {{if isShowLegend == true || isShowLegend == "true"}} checked {{else}} {{/if}} />
						<label class="labelCss" for="isShowLegend"></label>
					</div>

                     <div class="input-group">
                         <span class="input-group-addon" data-lang="legendPosition">图例位置</span>
                         <select id='legendPosition' name="legendPosition" class="form-control">
                         {{each legendPositionOption as value key}}
                             {{if value == true}}
                                <option selected>{{key}}</option>
                             {{else}}
                                <option>{{key}}</option>
                             {{/if}}
                         {{/each}}
                         </select>
                     </div>
                     <div class="input-group">
                         <span class="input-group-addon" data-lang="direction">方向</span>
                         <select id='orientation' name="orientation" class="form-control">
                         {{each orientationOption as value key}}
                             {{if value == true}}
                                <option selected>{{key}}</option>
                             {{else}}
                                <option>{{key}}</option>
                             {{/if}}
                         {{/each}}
                         </select>
                     </div>



                 </div>
             </div>
		</div>
		<div class="panel panel-default">
			<div class="panel-heading" data-toggle="collapse" data-parent="#editChart"
			href="#collapseThree">
				{{chartTypeChina}}<span data-lang="attribute">属性</span>
			</div>
                {{if chartType=="pie"}}
                     <div id='collapseThree' class='panel-collapse collapse'>
                        <div class="panel-body">
                            <div class="input-group">
                                <span class="input-group-addon  xh-chartDataBtn"style="border:1px solid #ccc;"  id="chartData" key="{{keyExpression}}" val="{{valueExpression}}" label="{{labelExpression}}">图表数据</span>
<!--                                <input type="text" class="form-control">-->

                             </div>
                             <div class="input-group">
                                 <span class="input-group-addon" data-lang="resetType">重置类型</span>
                                 <select id='resetType' name="resetType" class="form-control">
                                 {{each resetTypeOption as value key}}
                                     {{if value == true}}
                                        <option selected>{{key}}</option>
                                     {{else}}
                                        <option>{{key}}</option>
                                     {{/if}}
                                 {{/each}}
                                 </select>
                             </div>

                             <div class="input-group">
                                <span class="input-group-addon" data-lang="showLabel">是否显示标签</span>
                                <input type="checkbox" name="isShowLabels" id="isShowLabels" class="checkbox xh-check" {{if isShowLabels  == true ||isShowLabels  == "true" }} checked {{else}} {{/if}} />
								<label class="labelCss" for="pieisShowLabels"></label>
							 </div>
                              <div class="input-group">
                                <span class="input-group-addon" data-lang="labelFormat">标签格式</span>
                                <input type="text" class="form-control" id="labelFormat" placeholder="" value="{{labelFormat}}" title="{0}，代表当前字段项的名字（item name）
{1}，代表当前字段对应的值（Value）
{2}，代表值所占的百分比（Percentage）
默认为{0}">
                                <div class="input-group-addon  iconfont icon-diandiandian xh-diandiandian" placeholder="点击选择数据" name="chartFontStyle" id="labelFont" labelFontName="{{labelFontName}}" labelFontColor="{{labelFontColor}}" ></div>

                             </div>
                             <div class="input-group">
                                <span class="input-group-addon" data-lang="legendFormat">图例格式</span>
                                <input type="text" class="form-control" id="pielegendLabelFormat"  placeholder="" value="{{pielegendLabelFormat}}" title="{0}，代表当前字段项的名字（item name）
{1}，代表当前字段对应的值（Value）
{2}，代表值所占的百分比（Percentage）
默认为{0}">

                             </div>
                        </div>
                     </div>

                     {{else }}
                            <div id='collapseThree' class='panel-collapse collapse'>
                                <div class="panel-body">
                                    <div class="input-group">
                                        <span class="input-group-addon xh-chartDataBtn"style="border:1px solid #ccc;" id="chartData" placeholder="" series="{{seriesExpression}}" category="{{categoryExpression}}" valBar="{{valBarExpression}}" labelBar="{{labelBarExpression}}">图表数据</span>
<!--                                        <input type="text" class="form-control" >-->
                                     </div>
                                     <div class="input-group">
                                         <span class="input-group-addon" data-lang="resetType">重置类型</span>
                                         <select id='resetType' name="resetType" class="form-control">
                                         {{each resetTypeOption as value key}}
                                             {{if value == true}}
                                                <option selected>{{key}}</option>
                                             {{else}}
                                                <option>{{key}}</option>
                                             {{/if}}
                                         {{/each}}
                                         </select>
                                     </div>
                                    {{if chartType=="line"}}
                                    <div class="input-group">
                                        <span class="input-group-addon" data-lang="showConnection">是否显示连线</span>
                                        <input type="checkbox" name="isShowLines " id="isShowLines" class="checkbox xh-check" {{if isShowLines  == true||isShowLines  == "true" }} checked {{else}} {{/if}} />
										<label class="labelCss" for="isShowLines"></label>
									 </div>
                                     <div class="input-group">
                                        <span class="input-group-addon" data-lang="numericalPoints">是否显示数值点</span>
                                        <input type="checkbox" name="isShowShapes " id="isShowShapes" class="checkbox xh-check" {{if isShowShapes  == true ||isShowShapes  == "true"  }} checked {{else}} {{/if}} />
										<label class="labelCss" for="isShowShapes"></label>
									 </div>
                                    {{/if}}
                                    {{if chartType!="line"}}
                                     <div class="input-group">
                                        <span class="input-group-addon" data-lang="showLabel">是否显示标签</span>
                                        <input type="checkbox" name="isShowLabels" id="isShowLabels" class="checkbox xh-check" {{if isShowLabels  == true ||isShowLabels  == "true"  }} checked {{else}} {{/if}} />
										<label class="labelCss" for="isShowLabels"></label>
									 </div>
                                     {{/if}}
                                     <div class="input-group">
                                        <span class="input-group-addon" data-lang="labelFormat">标签格式</span>
<!--                                        <input type="text" class="form-control" id="labelFormat" placeholder="" value="{{labelFormat}}">-->
                                        <div class="input-group-addon  iconfont icon-diandiandian xh-diandiandian" style="width:1px;" placeholder="点击选择数据" name="chartFontStyle" id="labelFont" labelFontName="{{labelFontName}}" labelFontColor="{{labelFontColor}}" ></div>

                                     </div>
<!--                                     <div class="input-group">-->
<!--                                        <span class="input-group-addon" data-lang="legendFormat">图例格式</span>-->
<!--                                        <input type="text" class="form-control" id="pielegendLabelFormat" placeholder="" value="{{pielegendLabelFormat}}" title="{0}，代表当前字段项的名字（item name）-->
<!--{1}，代表当前字段对应的值（Value）-->
<!--{2}，代表值所占的百分比（Percentage）-->
<!--默认为{0}">-->

<!--                                     </div> -->
                                      <div class="input-group">
                                         <span class="input-group-addon" data-lang="xAxisScaleDirection">X轴标签刻度方向</span>
                                         <select id='categoryVerticalTickLabels' name="categoryVerticalTickLabels" class="form-control">
                                         {{each categoryVerticalTickLabelsOption as value key}}
                                             {{if value == true}}
                                                <option selected>{{key}}</option>
                                             {{else}}
                                                <option>{{key}}</option>
                                             {{/if}}
                                         {{/each}}
                                         </select>
                                     </div>
                                     <div class="input-group">
                                        <span class="input-group-addon" data-lang="xAxisExpression">X轴表达式</span>
                                        <input type="text" class="form-control" id="categoryAxisLabelExpression" placeholder="请输入X轴表达式" value={{categoryAxisLabelExpression}}>
                                     </div>
                                      <div class="input-group">
                                         <span class="input-group-addon" data-lang="yAxisScaleDirection">Y轴标签刻度方向</span>
                                         <select id='valueVerticalTickLabels' name="valueVerticalTickLabels" class="form-control">
                                         {{each valueVerticalTickLabelsOption as value key}}
                                             {{if value == true}}
                                                <option selected>{{key}}</option>
                                             {{else}}
                                                <option>{{key}}</option>
                                             {{/if}}
                                         {{/each}}
                                         </select>
                                     </div>
                                     <div class="input-group">
                                        <span class="input-group-addon" data-lang="yAxisExpression">Y轴表达式</span>
                                        <input type="text" class="form-control" id="valueAxisLabelExpression" placeholder="请输入Y轴表达式" value={{valueAxisLabelExpression}} >
                                     </div>
                                    <div class="input-group">
                                        <span class="input-group-addon" data-lang="yAxisMinimum">Y轴范围最小值</span>
                                        <input type="text" class="form-control" id="rangeAxisMinValueExpression" placeholder="" value="{{rangeAxisMinValueExpression}}">
                                        <div class="input-group-addon  iconfont icon-diandiandian xh-diandiandian" placeholder="" name="rangeAxisValueExpression" id="" rangeAxisValueExpression="{{rangeAxisMinValueExpression}}" ></div>

                                     </div>
                                     <div class="input-group">
                                        <span class="input-group-addon" data-lang="yAxisMaximum">Y轴范围最大值</span>
                                        <input type="text" class="form-control" id="rangeAxisMaxValueExpression" placeholder="" value="{{rangeAxisMaxValueExpression}}">
                                        <div class="input-group-addon  iconfont icon-diandiandian xh-diandiandian"placeholder="" name="rangeAxisValueExpression" id=""  rangeAxisValueExpression="{{rangeAxisMaxValueExpression}}" ></div>

                                     </div>



                                </div>
                             </div>
                    {{/if}}

		</div>
	</div>
</script>