Skip to main content


deprecated class %ZEN.SVGComponent.xyChart extends %ZEN.SVGComponent.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.

Property Inventory

Method Inventory


Default value for the markersVisible property.
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 methods: chartPivotDisplayToLogical(), chartPivotGet(), chartPivotIsValid(), chartPivotLogicalToDisplay(), chartPivotLogicalToOdbc(), chartPivotLogicalToXSD(), chartPivotNormalize(), chartPivotSet(), chartPivotXSDToLogical()
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.
Property methods: independentXSeriesDisplayToLogical(), independentXSeriesGet(), independentXSeriesIsValid(), independentXSeriesLogicalToDisplay(), independentXSeriesLogicalToOdbc(), independentXSeriesLogicalToXSD(), independentXSeriesNormalize(), independentXSeriesSet(), independentXSeriesXSDToLogical()
property seriesYAxes as %ZEN.Datatype.csv (XMLPROJECTION = "none");
Inherited description: Optional. If defined, specifies which y-axis should be used for each data series. This is a csv-list of y-axis numbers (0-based). By default, the every data series uses y-axis 0.
Property methods: seriesYAxesDisplayToLogical(), seriesYAxesGet(), seriesYAxesIsValid(), seriesYAxesLogicalToDisplay(), seriesYAxesLogicalToOdbc(), seriesYAxesNormalize(), seriesYAxesSet()


clientmethod findDataRange(yAxisNo As %Library.String) [ 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.
clientmethod 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.
clientmethod getXAxisType() [ Language = javascript ]
Return the type of x axis (category or value) used by this chart.
clientmethod getYAxisType() [ Language = javascript ]
Return the type of y axis (category or value) used by this chart.
clientmethod renderSeries(group) [ Language = javascript ]
Draw data series for this chart. group is the SVG container for the chart components.
clientmethod setProperty(property, value, value2) [ Language = javascript ]
Set the value of a named property.

Inherited Members

Inherited Properties

Inherited Methods


FeedbackOpens in a new tab