Google Charts - Google Charts tutorial - Basic Bubble Chart - chart js - google graphs - google charts examples
What is Basic Bubble Chart?
- A bubble chart is used to visualize a data set having two to four dimensions.
- The first two dimensions are visualized as coordinates, the third as color and the fourth as size.
We've used BubbleChart class to show bubble based chart.
The google.charts.load package name is "corechart".
The visualization's class name is google.visualization.BubbleChart.
learn google charts tutorial - Bubble Charts - google charts
Rows: Each row in the table represents a single bubble.
|Category||Column 0||Column 1||Column 2||Column 3 (optional)||Column 4 (optional)|
|Purpose:||ID (name) of
|X coordinate||Y coordinate||Either a series ID or a value
representing a color on a gradient
scale, depending onthe column type:
A string that identifies
bubbles in the same series.
Use the same value to identify
all bubbles that belong
to the same series;
bubbles in the same series will be
assigned the same color. Series can be
configured using the series option.
A value that is mapped to an actual
color on a gradient scale using
the colorAxis option.
|Size; values in this column are mapped to |
actual pixel values using the sizeAxisoption.
|Data Type:||string||number||number||string or number||number|
Color By Numbers in bubble chart:
You can use the colorAxis option to color the bubbles in proportion to a value, as shown in the example below.