Skip to main content
Version: 6.1.2

Bubble

A common visualization type that extends from a Scatter chart](/6.1.2/features/xy/scatter). The bubble chart is a scatter chart with individual point sizes and/or colors. This way, the size or color of each point can represent a property of the data point.

For example, older measurements can have less opacity. Or, more impactful events may have larger point size, etc.

Chart with bubble series Chart with bubble series

// Creation of a bubble series
const bubbleSeries = chart.addPointLineAreaSeries({
    dataPattern: null,
    sizes: true
})
    .setStrokeStyle(emptyLine)
    .setAreaFillStyle(emptyFill)
    .appendSamples({
        xValues: [4, 2, 6],
        yValues: [5, 2, 8],
        sizes: [10, 25, 5]
    })

Chart with bubble series Chart with bubble series

Point color​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter](/6.1.2/features/xy/scatter)

Point shape​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter](/6.1.2/features/xy/scatter)

Point rotation​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter](/6.1.2/features/xy/scatter)

Individual colors​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter](/6.1.2/features/xy/scatter)

Color by lookup table​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter](/6.1.2/features/xy/scatter)

Color by X or Y​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter](/6.1.2/features/xy/scatter)

Color by gradient​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter](/6.1.2/features/xy/scatter)

Using timestamps​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line](/6.1.2/features/xy/line)

Data cleaning / maximum memory use​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line](/6.1.2/features/xy/line)

Connecting to non-default axis​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line](/6.1.2/features/xy/line)

Solve nearest from location​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line](/6.1.2/features/xy/line)

Interactions with data points​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line](/6.1.2/features/xy/line)

Edit samples data​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line](/6.1.2/features/xy/line)