Skip to main content


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

Property Inventory

Method Inventory


Default value for the markersVisible property.
Default value for plotToEdge property.


property lowerLeftStyle as %ZEN.Datatype.svgStyle;
Optional: style applied to the lower left quadrant background.
Property methods: lowerLeftStyleDisplayToLogical(), lowerLeftStyleGet(), lowerLeftStyleIsValid(), lowerLeftStyleLogicalToDisplay(), lowerLeftStyleLogicalToOdbc(), lowerLeftStyleNormalize(), lowerLeftStyleSet()
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 methods: opacityDisplayToLogical(), opacityGet(), opacityIsValid(), opacityLogicalToDisplay(), opacityLogicalToOdbc(), opacityNormalize(), opacitySet()
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 methods: radiusDisplayToLogical(), radiusGet(), radiusIsValid(), radiusLogicalToDisplay(), radiusLogicalToOdbc(), radiusNormalize(), radiusSet()
property showQuadrant as %ZEN.Datatype.boolean [ InitialExpression = 1 ];
If true, then draw background "quadrants".
Property methods: showQuadrantDisplayToLogical(), showQuadrantGet(), showQuadrantIsValid(), showQuadrantLogicalToDisplay(), showQuadrantLogicalToOdbc(), showQuadrantLogicalToXSD(), showQuadrantNormalize(), showQuadrantSet(), showQuadrantXSDToLogical()
property showRegression as %ZEN.Datatype.boolean [ InitialExpression = 0 ];
If true, then draw a computed linear regression line.
Property methods: showRegressionDisplayToLogical(), showRegressionGet(), showRegressionIsValid(), showRegressionLogicalToDisplay(), showRegressionLogicalToOdbc(), showRegressionLogicalToXSD(), showRegressionNormalize(), showRegressionSet(), showRegressionXSDToLogical()
property upperRightStyle as %ZEN.Datatype.svgStyle;
Optional: style applied to the upper right quadrant background.
Property methods: upperRightStyleDisplayToLogical(), upperRightStyleGet(), upperRightStyleIsValid(), upperRightStyleLogicalToDisplay(), upperRightStyleLogicalToOdbc(), upperRightStyleNormalize(), upperRightStyleSet()
property xCenterValue as %ZEN.Datatype.float;
Center value along x-axis. Used to draw background "quadrants".
Property methods: xCenterValueDisplayToLogical(), xCenterValueGet(), xCenterValueIsValid(), xCenterValueLogicalToDisplay(), xCenterValueLogicalToOdbc(), xCenterValueNormalize(), xCenterValueSet()
property yCenterValue as %ZEN.Datatype.float;
Center value along y-axis. Used to draw background "quadrants".
Property methods: yCenterValueDisplayToLogical(), yCenterValueGet(), yCenterValueIsValid(), yCenterValueLogicalToDisplay(), yCenterValueLogicalToOdbc(), yCenterValueNormalize(), yCenterValueSet()


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