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

deprecatedclass %ZEN.SVGComponent.barChart extends chart

This is an SVG chart component that displays a bar chart.
This chart displays one or more data series as rectangular bars whose size is proportional to the data value.
If there are multiple data series, the bars are plotted either side-by-side or stacked, as specified by the chartStacked property.
You can view data as a set of horizontal columns by setting the chartPivot property.
Note: the plotToEdge property is always treated as false for bar charts.

Inventory

Parameters Properties Methods Queries Indices ForeignKeys Triggers
2 2 9


Summary

Properties
%condition %controller %import %includeFiles
%page %resource appearance autoScaleText
aux axisLineStyle axisTitleStyle backgroundStyle
bandLower bandLowerStyle bandUpper bandUpperStyle
baseLineStyle borderOffset borderRadius borderStyle
boundless 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
plotTargetForSeries 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.comboChart

Parameters

• parameter DEFAULTAPPEARANCE = "2D";
Default appearance of this component.
• parameter DEFAULTPLOTTOEDGE = 0;
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 chartStacked as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
If true, this is a stacked bar chart. That is, data series are plotted on top of one another.
If false, then data series are plotted side-by-side.

Methods

• method getChartElementStyle(series, item) [ Language = javascript ]
Return default style for a bar element.
• method getSeriesType(series) [ Language = javascript ]
Return the type (how a series should be displayed) for the given data series (0-based). Overridden in combo chart.
• 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 plotTargetForSeries(group, sno, data) [ Language = javascript ]
Plot a set of target lines based on the given data series.
• method renderSeries(group) [ Language = javascript ]
Draw data series for this chart. group is the SVG container for the chart components. This includes the logic for display combo charts as it is shared with its subclass.
• 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.