class %ZEN.SVGComponent.xyChart
extends chart
This is an SVG chart component that displays an X-Y chart.
This chart plots two or more series of data as a series
of x,y points on the chart. The first data series provides
the x values, the second provides the correlated y values.
Additional data series are plotted as y values
correlated to the x values provided by the first series.
The first series name is used as the name of the first series containing
y-values.
You can supply more than one set of x values using the independentXSeries
property.
parameter DEFAULTMARKERSVISIBLE = 1;
Default value for the markersVisible property.
parameter DEFAULTPLOTTOEDGE = 1;
Default value for plotToEdge property.
property chartPivot
as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
If true, pivot this chart: display categories vertically
and values horizontally.
property independentXSeries
as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
Optional: if false (the default) the first data series is used to supply
x values for the chart and all other data series provide y values.
If false, then the chart will display multiple x series. In this case, the first
data series provides the first set of x values, the second
data provides the first set of y values, the third data series provides the second
set of x values, and so on.
method findDataRange()
[ Language = javascript ]
Internal method: return (as an object) the minimum
and maximum data values for this chart. This is used
for ranges that are automatically calculated.
method getLegendLabels()
[ Language = javascript ]
Return an array of labels to display within the Legend box.
For xy chart we have to skip the first series, as it contains
x-values, and not a logical data series.
method getXAxisType()
[ Language = javascript ]
Return the type of x axis (category or value) used by
this chart.
method getYAxisType()
[ Language = javascript ]
Return the type of y axis (category or value) used by
this chart.
method renderSeries(group)
[ Language = javascript ]
Draw data series for this chart.
group is the SVG container for the chart components.
method setProperty(property, value, value2)
[ Language = javascript ]
Set the value of a named property.