Skip to main content
BubbleChartOptions
Options for a bubble chart.
NameTypeDescription
axisFont?FontSpecSpec for the font to use for all text on the axes.
axisLineSize?numberThe width to use if showing a line marking value/category axes. By default, axis lines are not painted.
colorGenerator?ColorGeneratorOptional function to call in order to establish the color to be used for each series
cornerRadius?numberWhen rounding bar/column corners, use this radius. Defaults to 5 pixels.
data?Array<ObjectData>Optional data to load into the chart.
dataSource?DataSourceOptional data source (of type DataSource, meaning both VisuallyJsModel and Selection are supported) from which to retrieve data to load into the chart.
dataSourceFilter?ChartModelFilterWhen you provide dataSource, you can also provide a filter which accepts or rejects specific nodes/groups in the data source.
defaultColor?stringOptional color to use for every series. Overrides any colorGenerator.
emptyMessage?stringMessage to display when the chart has no data. Defaults to "No data".
grouped?booleanIf true, the data will be grouped, if the chart type supports it (eg Bar/Column).
groupField?stringThe name of the field that identifies which group a data point belongs to. Defaults to group.
height?numberHeight for the chart. If omitted, height is computed from the width of the chart's container
legend?boolean | LegendSpecEither a boolean true/false, indicating the legend should be shown/hidden, or a spec for a legend.
legendPadding?numberWhen the legend is not floating, this number defines how much whitespace to leave around it.
maximumMarkerSize?numberMaximum allowed size for a marker. Defaults to 50 pixels. Set to Infinity to have no maximum (this can have unpleasant UI side effects with some datasets)
maxLabelSize?numberThe maximum size a category label can be as a ratio of the chart's overall size. Category labels are rotated to 45 degrees automatically when they start to overlap each other, but if the labels are long strings then there is a chance they'll use up too much of the available chart space. This value (whose default is 0.2), specifies a hard limit for label size, to avoid that situation. In a chart whose category axis is the X axis, this is applied relative to the height of the chart, and in a chart whose category axis is the Y axis, it's applied relative to the width.
maxPointSize?numberThe maximum size (in pixels) for a bubble. No default.
minimumMarkerSize?numberMinimum allowed size for a marker. Defaults to 8 pixels. Set to -Infinity to have no minimum (this can have unpleasant UI side effects with some datasets)
minPointSize?numberThe minimum size (in pixels) for a bubble. Defaults to 10.
resizeObserver?booleanDefaults to true, meaning the chart will redraw when its container element resizes.
roundCorners?booleanWhether or not to round the corners of bars/columns. Defaults to true
seriesArray<BubbleChartSeriesOptions>An array of bubble chart series options.
style?ChartStyleOptionsStyles for legend and grid.
subtitle?SubtitleSpecSubtitle for the chart.
title?ChartTitleSpecTitle for the chart.
titlePadding?numberPadding to leave underneath the title
tooltip?TooltipOptionsOptions for the info tooltip.
url?stringOptional URL from which to retrieve data to load into the chart
width?numberWidth for the chart. If omitted, width is computed from the width of the chart's container
xAxis?ValueAxisDefinitionConfiguration for the X axis.
yAxis?ValueAxisDefinitionConfiguration for the Y axis.
yAxisPadding?numberHow much padding to leave between the y axes decoration and the chart content area.
zoom?{
  enabled:boolean,
  initialValue:number,
  range:[number, number]
}
Optional zoom configuration.