Chart"

From Documentation
Line 13: Line 13:
 
= Example =
 
= Example =
  
 +
[[Image:ZKComRef_Chart.png]]
  
  
 +
{| border="1"
 +
! <center>Type</center>
 +
! <center>Model</center>
 +
! <center>3D</center>
  
 +
|-
 +
| <center><tt>pie</tt></center>
 +
| <tt>PieModel</tt>
 +
| <center><tt>o</tt></center>
 +
 +
|-
 +
| <center><tt>ring</tt></center>
 +
| <tt>PieModel</tt>
 +
| <center><tt>x</tt></center>
 +
 +
|-
 +
| <center><tt>bar</tt></center>
 +
| <tt>CategoryModel</tt>
 +
| <center><tt>o</tt></center>
 +
 +
|-
 +
| <center><tt>line</tt></center>
 +
| <tt>CategoryModel </tt>or<tt> XYModel</tt>
 +
| <center><tt>o</tt></center>
 +
 +
|-
 +
| <center><tt>area</tt></center>
 +
| <tt>CategoryModel </tt>or<tt> XYModel</tt>
 +
| <center><tt>x</tt></center>
 +
 +
|-
 +
| <center><tt>stacked_bar </tt></center>
 +
| <tt>CategoryModel</tt>
 +
| <center><tt>o</tt></center>
 +
 +
|-
 +
| <center><tt>stacked_area </tt></center>
 +
| <tt>CategoryModel </tt>or<tt> XYModel</tt>
 +
| <center><tt>x</tt></center>
 +
 +
|-
 +
| <center><tt>waterfall </tt></center>
 +
| <tt>CategoryModel</tt>
 +
| <center><tt>x</tt></center>
 +
 +
|-
 +
| <center><tt>polar </tt></center>
 +
| <tt>XYModel</tt>
 +
| <center>x</center>
 +
 +
|-
 +
| <center><tt>scatter </tt></center>
 +
| <tt>XYModel</tt>
 +
| <center>x</center>
 +
 +
|-
 +
| <center><tt>time_series </tt></center>
 +
| <tt>XYModel</tt>
 +
| <center>x</center>
 +
 +
|-
 +
| <center><tt>polar </tt></center>
 +
| <tt>XYModel</tt>
 +
| <center>x</center>
 +
 +
|-
 +
| <center><tt>step_area </tt></center>
 +
| <tt>XYModel</tt>
 +
| <center>x</center>
 +
 +
|-
 +
| <center><tt>step </tt></center>
 +
| <tt>XYModel</tt>
 +
| <center>x</center>
 +
 +
|-
 +
| <center><tt>histogram </tt></center>
 +
| <tt>XYModel</tt>
 +
| <center>x</center>
 +
 +
|-
 +
| <center><tt>candlestick </tt></center>
 +
| <tt>HiLoModel</tt>
 +
| <center>x</center>
 +
 +
|-
 +
| <center><tt>hilow </tt></center>
 +
| <tt>HiLoModel</tt>
 +
| <center>x</center>
 +
 +
|}
 +
 +
<source lang="xml" >
 +
<vbox>
 +
    <chart id="mychart" title="Pie Chart Demo" width="500" height="250" type="pie" threeD="true" fgAlpha="128"/>
 +
    <zscript>
 +
        PieModel model = new MyPieModel();
 +
        mychart.setModel(model);
 +
    </zscript>
 +
</vbox>
 +
</source>
  
 
=Supported events=
 
=Supported events=

Revision as of 03:38, 18 May 2010

Chart

Employment/Purpose

A chart is used to show a set of data as a graph. It helps users to judge things with a snapshot. To use a chart component , developers must prepare a ChartModel and a ChartEngine. Developers also set proper chart type, and the threeD (3D) attribute to draw proper chart. The model and type must match to each other; or the result is unpredictable. The 3D chart is not supported on all chart type.

Example

ZKComRef Chart.png


Type
Model
3D
pie
PieModel
o
ring
PieModel
x
bar
CategoryModel
o
line
CategoryModel or XYModel
o
area
CategoryModel or XYModel
x
stacked_bar
CategoryModel
o
stacked_area
CategoryModel or XYModel
x
waterfall
CategoryModel
x
polar
XYModel
x
scatter
XYModel
x
time_series
XYModel
x
polar
XYModel
x
step_area
XYModel
x
step
XYModel
x
histogram
XYModel
x
candlestick
HiLoModel
x
hilow
HiLoModel
x
<vbox>
     <chart id="mychart" title="Pie Chart Demo" width="500" height="250" type="pie" threeD="true" fgAlpha="128"/>
     <zscript>
         PieModel model = new MyPieModel();
         mychart.setModel(model);
     </zscript>
 </vbox>

Supported events

Name
Event Type
None None

Supported Children

*ALL

Use cases

Version Description Example Location
     

Version History

Version Date Content
5.0.2 5/19/2010 Initialization



Last Update : 2010/05/18

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.