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

deprecatedclass %ZEN.SVGComponent.bubbleChart extends chart

This is an SVG chart component that displays a bubble chart.
This chart expects at least 2 data series, the first supplying x values and the second supplying y values.
Additional series are interpreted as:
Series 2: radius (radius of each bubble).
Series 3: colors (items are grouped into buckets by value).
Series 4: opacity (opacity of items from 0 to 1 -- values are not normalized).

Inventory

Parameters Properties Methods Queries Indices ForeignKeys Triggers
2 9 11


Summary

Properties
%condition %controller %import %includeFiles
%page %resource appearance autoScaleText
aux axisLineStyle axisTitleStyle backgroundStyle
bandLower bandLowerStyle bandUpper bandUpperStyle
baseLineStyle borderOffset borderRadius borderStyle
boundless 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 lowerLeftStyle
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 opacity
parent plotAreaStyle plotEdgeStyle plotStyle
plotToEdge position preserveAspectRatio radius
scrollButtonStyle selectedItem selectedItemStyle selectedSeries
seriesColorScheme seriesColors seriesColorsOverride seriesCount
seriesNames seriesNumber seriesSize seriesYAxes
showMultiples showQuadrant showRegression startTime
stripeStyle stripesVisible subtitle subtitleStyle
svgComponent svgGroup textSize timeBased
title titleAlign titleBoxStyle titleImage
titleImageStyle titleStyle titleX titleY
tooltipRectStyle tuple unselectedItemStyle upperRightStyle
valueBoxStyle valueLabelFormat valueLabelStyle valueLabelsVisible
viewBoxHeight viewBoxWidth visible warnIfNoData
width window x xAxis
xCenterValue y yAxis yAxisList
yCenterValue

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


Parameters

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

Properties

• property lowerLeftStyle as %ZEN.Datatype.svgStyle;
Optional: style applied to the lower left quadrant background.
• property opacity as %ZEN.Datatype.float [ InitialExpression = 0.75 ];
Default opacity (from 0 to 1) for bubbles. If there is a opacity series, its values are scaled and multiplied by this value.
• property radius as %ZEN.Datatype.float [ InitialExpression = 3 ];
Default radius (in logical units) for bubbles. If there is a radius series, its values are scaled and multiplied by this value.
• property showQuadrant as %ZEN.Datatype.boolean [ InitialExpression = 1 ];
If true, then draw background "quadrants".
• property showRegression as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
If true, then draw a computed linear regression line.
• property upperRightStyle as %ZEN.Datatype.svgStyle;
Optional: style applied to the upper right quadrant background.
• property xCenterValue as %ZEN.Datatype.float;
Center value along x-axis. Used to draw background "quadrants".
• property yCenterValue as %ZEN.Datatype.float;
Center value along y-axis. Used to draw background "quadrants".

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 getSeriesNames() [ Language = javascript ]
Override and use seriesNames only.
• method getXAxisTitle() [ Language = javascript ]
Return the x axis title.
• method getXAxisType() [ Language = javascript ]
Return the type of x axis (category or value) used by this chart.
• method getYAxisTitle() [ Language = javascript ]
Return the y axis title.
• method getYAxisType() [ Language = javascript ]
Return the type of y axis (category or value) used by this chart.
• method renderBands() [ Language = javascript ]
Draw the upper/lower bands for the chart. Override standard "bands" and replace with "quadrant" boxes.
• 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.