Class Reference
IRIS for UNIX 2024.1.2
InterSystems: The power behind what matters   
Documentation  Search
  [USER] >  [%ZEN] >  [SVGComponent] >  [lineChart]
Private  Storage   

deprecatedclass %ZEN.SVGComponent.lineChart extends chart

This is an SVG chart component that displays a line chart.
This chart displays one or more data series as a set of lines.
If there are multiple data series, the lines are either superimposed or or stacked atop one another, as specified by the chartStacked property.
You can use the chartFilled property to specify that the area under the lines should be filled, turning this into an area chart.
You can view pivot the chart using the chartPivot property.

Inventory

Parameters Properties Methods Queries Indices ForeignKeys Triggers
1 3 8


Summary

Properties
%condition %controller %import %includeFiles
%page %resource appearance autoScaleText
aux axisLineStyle axisTitleStyle backgroundStyle
bandLower bandLowerStyle bandUpper bandUpperStyle
baseLineStyle borderOffset borderRadius borderStyle
boundless chartFilled chartPivot chartStacked
composite controller controllerId currYAxis
document endTime gridStyle hasZoom
height hidden id 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 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


Parameters

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

Properties

• property chartFilled as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
Specifies whether the area under the line is filled (as in an area chart) or not filled (as in a line chart).
• property chartPivot as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
If true, pivot this chart: display categories vertically and values horizontally.
• property chartStacked as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
If true, this is a stacked line chart. That is, data series are plotted above one another.
Note that negative values are ignored in stacked charts.

Methods

• method getChartElementStyle(series, item) [ Language = javascript ]
Return default style for a line element.
• 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 hasMultiples() [ Language = javascript ]
Indicates that this chart supports "show multiples" mode.
• method isTimeBased() [ Language = javascript ]
Test if a time-based x axis should be used. This is overridden in subclasses.
• 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.
• method useSumForRange() [ Language = javascript ]
This method returns true if data series should be summed when calculating data range for the chart.


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