Class Reference
%ZEN.SVGComponent.xyChart
Server:appadmin-00044-deployment-6bf4cbc86d-9f4xc
Instance:IRIS
User:SuperUser
 
-
  [USER] >  [%ZEN] >  [SVGComponent] >  [xyChart]
Private  Storage

deprecatedclass %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.

Inventory

Parameters Properties Methods Queries Indices ForeignKeys Triggers
2 4 7


Summary

Properties
%condition %controller %import %includeFiles
%page %resource appearance autoScaleText
aux axisLineStyle axisTitleStyle backgroundStyle
bandLower bandLowerStyle bandUpper bandUpperStyle
baseLineStyle borderOffset borderRadius borderStyle
boundless chartPivot composite controller
controllerId currYAxis document endTime
gridStyle hasZoom height hidden
id independentXSeries index indicatorStyle
indicatorsVisible labelStyle labelsVisible legendHeight
legendLabelStyle legendRectStyle legendStyle legendTitle
legendVisible legendWidth legendX legendY
lineStyle marginBottom marginLeft marginRight
marginTop markerScale markerShapes markerStyle
markersVisible maxLabelLen msgIfNoData multipleTitleStyle
name noDataFill noDataOpacity noDataStroke
onclick onelementClick ongetData ongetLabelX
ongetLabelY ongetSeriesColor ongetTimeEvents onnotifyView
onrenderData onrenderPlotArea onshowTooltip onupdate
parent plotAreaStyle plotEdgeStyle plotStyle
plotToEdge position preserveAspectRatio scrollButtonStyle
selectedItem selectedItemStyle selectedSeries seriesColorScheme
seriesColors seriesColorsOverride seriesCount seriesNames
seriesNumber seriesSize seriesYAxes showMultiples
startTime stripeStyle stripesVisible subtitle
subtitleStyle svgComponent svgGroup textSize
timeBased title titleAlign titleBoxStyle
titleImage titleImageStyle titleStyle titleX
titleY tooltipRectStyle tuple unselectedItemStyle
valueBoxStyle valueLabelFormat valueLabelStyle valueLabelsVisible
viewBoxHeight viewBoxWidth visible warnIfNoData
width window x xAxis
y yAxis yAxisList

Methods
%AddToSaveSet %Attr %BindExport %ClassIsLatestVersion
%ClassName %ConstructClone %DispatchClassMethod %DispatchGetModified
%DispatchGetProperty %DispatchMethod %DispatchSetModified %DispatchSetMultidimProperty
%DispatchSetProperty %DrawHTML %DrawJSStrings %Eval
%EvalC %Extends %ForceClientRender %GetEventHandlers
%GetParameter %GetXMLName %IsA %IsModified
%MakeId %New %NormalizeObject %ObjectModified
%OnAddToPageAfter %OnAddToPageBefore %OnDrawObjectProperties %OnObjectSynch
%OnZENDeserialize %OriginalNamespace %PackageName %QuoteValue
%QuoteValueL10N %RemoveFromSaveSet %Self %SerializeObject
%SetModified %ValidateObject XMLDTD XMLExport
XMLExportToStream XMLExportToString XMLNew XMLSchema
XMLSchemaNamespace XMLSchemaType adjustChartTitle beginWaitState
calculateAxisConstraints calculateViewBox calculateXAxisHeight calculateXAxisTitleHeight
calculateYAxisWidth chartElementClickHandler clickHandler computeEffectiveExtents
computeStyle computeXAxisTimeLine createMarker createSVGTextNode
createXLabelNode embedStyle endWaitState findDataRange
findElement findSVGElement fireOnUpdateEvent formatNumeric
getChartElement getChartElementStyle getChartRelatedElements getChartSubtitle
getChartTitle getColorSchemeArray getComputedFontSize getController
getCurrYAxis getEndTime getFrame getLegendLabels
getLegendRectStyle getLegendsCount getMarkerShape getNumericAbbreviation
getPelToPixelHRatio getPelToPixelVRatio getPlotX getPlotY
getProperty getRangeGroupForSeries getRelatedElementStyle getSelectedItem
getSelectedSeries getSelectedStyle getSeriesColor getSeriesCount
getSeriesData getSeriesNames getSeriesNamesSize getSeriesSVGGroup
getSeriesSize getSeriesType getSettings getSizeAbsolute
getStartTime getTimeX getType getXAxis
getXAxisTitle getXAxisType getXLabelText getYAxis
getYAxisCount getYAxisIndexForSeries getYAxisTitle getYAxisType
getYLabelText hasAxes hasMultiples hasSelectedItem
initializeAxisProperties integrateStyleSpec invokeSuper is3D
isOfType isTimeBased makeId notifyViewHandler
onCreate onDelete onSerialize onloadHandler
onunloadHandler onupdateHandler parseStyleSVG pickVerticalSkips
plotLineForSeries prepareAxisGroup refreshContents removeChildNodes
removeNoDataMsg render renderAxes renderBands
renderContents renderLegend renderPlotArea renderSVG
renderSeries renderSeriesGroup renderTimeEvents renderTitle
renderXAxisTimeLine renderXAxisTitle renderXLabels renderYAxisTitle
renderYLabels selectElement sendEventToController setControllerId
setCurrYAxis setDimToolTip setOverlayMode setPosition
setPositionHandler setProperty setSeeThrough setSize
setSizeHandler setTextNode setTimeRange setXAxis
setYAxis showNoDataMsg sizingMouseDownHandler stripWhitespace
unrender updateChart updateIndicator usePercentForRange
useSumForRange wrapMethod xToLogical yToLogical

Subclasses
%ZEN.SVGComponent.xyFitChart

Parameters

• parameter DEFAULTMARKERSVISIBLE = 1;
Default value for the markersVisible property.
• parameter DEFAULTPLOTTOEDGE = 1;
Default value for plotToEdge property.

Properties

• 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.
• property seriesYAxes as %ZEN.Datatype.csv(XMLPROJECTION="none");
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.

Methods

• 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.


Copyright (c) 2025 by InterSystems Corporation. Cambridge, Massachusetts, U.S.A. All rights reserved. Confidential property of InterSystems Corporation.