<?xml version="1.0" encoding="UTF-8"?>

<!--
charts.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Thu Aug  10 12:37:06     2006, Created by henrichen
}}IS_NOTE

Copyright (C) 2006 Potix Corporation. All Rights Reserved.

{{IS_RIGHT
}}IS_RIGHT
-->
<vbox>
<zscript>
  public Date date(int year, int month, int day) {
	final java.util.Calendar calendar = java.util.Calendar.getInstance();
	calendar.set(year, month-1, day);
	final Date result = calendar.getTime();
	return result;
  }

  public Date time(int year, int month, int day, int hour, int minute, int second) {
	final java.util.Calendar calendar = java.util.Calendar.getInstance(TimeZone.getTimeZone("GMT"));
	calendar.set(year, month-1, day, hour, minute, second);
	final Date result = calendar.getTime();
	return result;
  }

  void drilldown() {
  	String areaid = event.getArea();
  	if (areaid != null) {
	  	Area area = self.getFellow(areaid);
	  	alert(""+area.getAttribute("entity")+": "+area.getTooltiptext());
	}
  }
</zscript>
<zscript>
  PieModel piemodel = new SimplePieModel();
  piemodel.setValue("C/C++", new Double(12.5));
  piemodel.setValue("Java", new Double(50.2));
  piemodel.setValue("VB", new Double(20.5));
  piemodel.setValue("PHP", new Double(15.5));
</zscript>
<label value="pie"/>
<chart id="piechart" title="Pie Chart" width="500" height="250" type="pie" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  piechart.setModel(piemodel);
</zscript>

<label value="pie+3d"/>
<chart id="piechart3d" title="Pie Chart 3D" width="500" height="250" type="pie" threeD="true" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  piechart3d.setModel(piemodel);
</zscript>

<label value="ring"/>
<chart id="ringchart" title = "Ring Chart" width="500" height="250" type="ring" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  ringchart.setModel(piemodel);
</zscript>

<zscript>
CategoryModel catmodel = new SimpleCategoryModel();
catmodel.setValue("2001", "Q1", new Integer(20));
catmodel.setValue("2001", "Q2", new Integer(35));
catmodel.setValue("2001", "Q3", new Integer(40));
catmodel.setValue("2001", "Q4", new Integer(55));
catmodel.setValue("2002", "Q1", new Integer(40));
catmodel.setValue("2002", "Q2", new Integer(60));
catmodel.setValue("2002", "Q3", new Integer(70));
catmodel.setValue("2002", "Q4", new Integer(90));
</zscript>

<label value="bar"/>
<chart id="barchart" title="Bar Chart" width="500" height="250" type="bar" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  barchart.setModel(catmodel);
</zscript>

<label value="bar+3d"/>
<chart id="barchart3d" title="Bar Chart 3D" width="500" height="250" type="bar" threeD="true" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  barchart3d.setModel(catmodel);
</zscript>

<label value="stacked_bar"/>
<chart id="sbarchart" title="Stacked Bar" width="500" height="250" type="stacked_bar" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  sbarchart.setModel(catmodel);
</zscript>

<label value="stacked_bar+3d"/>
<chart id="sbarchart3d" title="Stacked Bar 3D" width="500" height="250" type="stacked_bar" threeD="true" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  sbarchart3d.setModel(catmodel);
</zscript>

<label value="line"/>
<chart id="linechart" title="Line Chart" width="500" height="250" type="line" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  linechart.setModel(catmodel);
</zscript>

<label value="line+3d"/>
<chart id="linechart3d" title="Line Chart 3D" width="500" height="250" type="line" threeD="true" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  linechart3d.setModel(catmodel);
</zscript>

<label value="area"/>
<chart id="areachart" title="Area Chart" width="500" height="250" type="area" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  areachart.setModel(catmodel);
</zscript>

<label value="stacked_area"/>
<chart id="sareachart" title="Stacked Area Chart" width="500" height="250" type="stacked_area" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  sareachart.setModel(catmodel);
</zscript>

<label value="waterfall"/>
<chart id="waterfall" title="Waterfall Chart" width="500" height="250" type="waterfall" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  waterfall.setModel(catmodel);
</zscript>

<zscript>
XYModel xymodel = new SimpleXYModel();
xymodel.addValue("2001", new Integer(20), new Integer(120));
xymodel.addValue("2001", new Integer(40), new Integer(135));
xymodel.addValue("2001", new Integer(60), new Integer(140));
xymodel.addValue("2001", new Integer(80), new Integer(160));

xymodel.addValue("2002", new Integer(30), new Integer(120));
xymodel.addValue("2002", new Integer(50), new Integer(135));
xymodel.addValue("2002", new Integer(70), new Integer(140));
xymodel.addValue("2002", new Integer(90), new Integer(160));
</zscript>


<label value="polar"/>
<chart id="polar" title="Polar Chart" width="500" height="250" type="polar" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  polar.setModel(xymodel);
</zscript>

<label value="scatter"/>
<chart id="scatter" title="Scatter Chart" width="500" height="250" type="scatter" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  scatter.setModel(xymodel);
</zscript>

<label value="time_series"/>
<chart id="timeseries" title="Time Series Chart" width="500" height="250" type="time_series" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  timeseries.setModel(xymodel);
</zscript>

<label value="area"/>
<chart id="xyarea" title="XY Area Chart" width="500" height="250" type="area" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  xyarea.setModel(xymodel);
</zscript>

<label value="line"/>
<chart id="xyline" title="XY Line Chart" width="500" height="250" type="line" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  xyline.setModel(xymodel);
</zscript>

<label value="step_area"/>
<chart id="steparea" title="Step Area Chart" width="500" height="250" type="step_area" threeD="false" fgAlpha="128" onClick="drilldown()"/>
<zscript>
  steparea.setModel(xymodel);
</zscript>