Mashup Builder > Widgets > Bubble Chart Widget
Bubble Chart Widget
The Bubble Chart widget is a numerical XY chart with an additional property (BubbleValueField) that controls the bubble size. It looks similar to a traditional scatter plot chart and can be used to analyze correlations between data.
As with other chart widgets, you can use state-based or dynamic styling properties to control the style of the bubble. You scale the size of the bubbles using the MinimumBubbleSize and MaximumBubbleSize properties. The chart’s axis values can be configured automatically using the BubbleValueAutoscale, XAxisAutoscale, and YAxisAutoscale properties, or you can manually configure the axis values (the range is 0–10000).
To customize the legend title name, use the BubbleValueLabel field.
Properties
For information about common widget properties, see Widgets. Properties that are specific to the Bubble Chart widget are described in the table below.
Property Name
Description
Base Type
Default Value
Bindable? (Y/N)
Localizable? (Y/N)
CustomClass
User defined CSS class to apply to the top div of the widget. Multiple classes can be entered, separated by a space.
STRING
n/a
Y
N
Data
Data source for the widget.
INFOTABLE
n/a
Y
N
XAxisField
The source for the x-axis data.
MENUNAME
n/a
Y
N
YAxisField
The source for the y-axis data.
MENUNAME
n/a
Y
N
BubbleValueField
The source for the bubble value data.
MENUNAME
n/a
Y
N
BubbleValueLabel
Override the BubbleValueField name.
STRING
n/a
Y
N
BubbleFormat
State-based or fixed formatting.
STYLE DEFINITION
State Formatting
N
N
ChartTitle
The name of the chart.
STRING
n/a
Y
Y
ShowLegend
Displays the chart legend.
BOOLEAN
True
N
N
LegendWidth
The width of the legend.
BOOLEAN
0
N
N
LegendLocation
The location of the legend (Right, Left, Top, Bottom).
STRING
Right
N
N
LegendOrientation
The orientation of the legend (Vertical or Horizontal).
STRING
Vertical
N
N
MinimunBubbleSize
The minimum size of the bubble.
NUMBER
4
N
N
MaximumBubbleSize
The maximum size of the bubble.
NUMBER
80
N
N
ShowXAxis
Display the x-axis.
BOOLEAN
True
N
N
XAxisFormat
The format of the x-axis.
STRING
0000.0
N
N
XAxisMinimum
The x-axis minimum.
NUMBER
n/a
Y
N
XAxisMaximum
The x-axis maximum.
NUMBER
n/a
N
N
XAxisAutoscale
Automatically scale the x-axis.
BOOLEAN
True
N
N
XAxisZeroscale
X-axis zeroscale option.
NUMBER
n/a
Y
N
XAxisSmoothScaling
Attempt to use round values to scale the x-axis.
BOOLEAN
True
N
N
XAxisIntervals
Number of x-axis chart intervals (affects ticks and grid).
NUMBER
10
N
N
XAxisMinorTicks
The number of x-axis minor ticks.
NUMBER
1
N
N
XAxisLabels
The number of x-axis labels.
NUMBER
2
N
N
ShowXAxisLabels
Display x-axis labels.
BOOLEAN
True
N
N
ShowXAxisTicks
Display x-axis tick marks.
BOOLEAN
True
N
N
AllowXAxisZoom
Allow zooming on the x-axis.
BOOLEAN
True
N
N
ShowYAxis
Display the y-axis.
BOOLEAN
True
N
N
YAxisIntervals
The number of y-axis intervals (affects ticks and grid).
NUMBER
10
N
N
YAxisMinorTicks
The number of y-axis minor ticks.
NUMBER
1
N
N
YAxisLabels
The number of y-axis labels.
NUMBER
2
N
N
ShowYAxisLabels
Display the y a-axis labels.
BOOLEAN
True
N
N
ShowYAxisTicks
Display the y-axis tick marks.
BOOLEAN
True
N
N
AllowYAxisZoom
Allow zooming on the y-axis.
BOOLEAN
True
N
N
YAxisFormat
The format for the y-axis values.
STRING
0000.0
N
N
YAxisMinimum
The minimum value for the y-axis.
NUMBER
0
Y
N
YAxisMaximum
The maximum value for the y-axis.
NUMBER
100
Y
N
YAxisAutoscale
Automatically scale the y-axis.
BOOLEAN
True
N
N
YAxisZeroscale
Force a zero minimum when automatically scaling the y-axis.
BOOLEAN
False
N
N
BubbleValueFormat
The format for the secondary y-axis values.
STRING
0000.0
N
N
BubbleValueMinimum
The minimum value for the secondary y-axis values.
NUMBER
0
Y
N
BubbleValueMaximum
The maximum value for the secondary y-axis values.
NUMBER
100
Y
N
BubbleValueAutoscale
Automatically scale the secondary y-axis.
BOOLEAN
True
N
N
BubbleValueZeroscale
Force a zero minimum when automatically scaling the secondary y-axis.
BOOLEAN
False
N
N
AllowSelection
Allow item selection.
BOOLEAN
True
N
N
EnableHover
Enable display of values on hover.
BOOLEAN
True
N
N
ShowXAxisGrid
Display horizontal grid.
BOOLEAN
True
N
N
ShowYAxisGrid
Display vertical grid.
BOOLEAN
True
N
N
ShowDataLoading
Display data while it loads.
BOOLEAN
True
N
N
DoubleClicked
Event that triggers when widget is double-clicked.
n/a
True
N
N
Visible
Is the widget visible in runtime?
BOOLEAN
True
Y
N