timeplot.zul

来自「ZK是一个Ajax Java Web框架」· ZUL 代码 · 共 86 行

ZUL
86
字号
<?xml version="1.0" encoding="UTF-8"?><!--timeplot.zul{{IS_NOTE        Purpose:        Description:        History:                Thu Nov 13 16:07:16 TST 2008, Created by Flyworld}}IS_NOTECopyright (C) 2008 Potix Corporation. All Rights Reserved.{{IS_RIGHT}}IS_RIGHT--><window id="demo" apply="org.zkoss.zkdemo.userguide.DemoWindowComposer">	<html><![CDATA[<h4>SIMILE Timeplot</h4><p><a href="http://simile.mit.edu/timeplot/" target="zkdemo">Timeplot</a> is a DHTML-based AJAXy widget for plotting timeseries and overlay time-based events over them. <a href="javascript:;" onclick="if (!zk.isVisible($e('infos'))) {anima.slideDown($e('infos'));} else {anima.slideUp($e('infos'));}">More..</a></p>  <div style="display:none;" id="infos"><p>You can populate Timeplot with data by pointing it to an spaceor comma separated file. Timeplot also supports Timeline's XML format, meaning that you can reuse the same datafile of your Timeline and overlay them over a time series plot.</p>Source from <a href="misc/immigration.txt" target="zkdemo">immigration.txt</a> and<a href="misc/us_history.xml" target="zkdemo" >us_history.xml</a>.</div>	]]></html>	<separator />
	<tabbox width="100%" tabscroll="false">
		<tabs>
			<tab id="demoView" label="Demo"/>
			<tab id="srcView" label="View Source"/>
		</tabs>
		<tabpanels>
			<tabpanel>
				<window id="view">
				</window>
			</tabpanel>
			<tabpanel>
				<panel>
					<panelchildren>
						<textbox id="codeView" class="code" rows="20" width="95%">
			<attribute name="value"><![CDATA[
<zk>	<div width="1200px">		New Legal Permanent Residents in the U.S. (per year) vs. U.S.		History		<zscript>			import org.zkforge.timeplot.geometry.*; 			import org.zkforge.timeplot.data.*;			import org.zkforge.timeplot.operator.*;			import org.zkforge.timeline.data.OccurEvent;			import org.zkoss.zul.*;			PlotDataSource pds=new PlotDataSource();			pds.setDataSourceUri("misc/immigration.txt");			pds.setSeparator(" ");			ValueGeometry vg=new DefaultValueGeometry();			vg.setGridColor("#000000");			TimeGeometry tg=new DefaultTimeGeometry();			tg.setAxisLabelsPlacement("bottom");		</zscript>		<timeplot width="1000px" height="300px">			<plotinfo id="plot 1" plotDataSource="&#36;{pds}"				dotColor="#000000" showValues="true" lineColor="#008bb6"				valueGeometry="&#36;{vg}" timeGeometry="&#36;{tg}"				eventSourceUri="misc/us_history.xml" />		</timeplot>	</div></zk>			]]></attribute>
						</textbox>
					</panelchildren>
					<toolbar mold="panel">
						<button id="tryBtn" label="Try me!"/>
						<button id="reloadBtn" label="Reload" height="18px"/>
					</toolbar>
				</panel>
			</tabpanel>
		</tabpanels>
	</tabbox></window>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?