ScatterBubbles

  • Name: Scatter Bubbles

  • Description: Similar to Scatter, value index [0], [1] data correspond to X, Y axis coordinates respectively, and optionally, index [2] data can represent bubble size.

  • Playground Example

params$

  • Type: Partial<ScatterBubblesParams>

  • Fields:

    NameDescriptionType
    fillColorTypeBackground color typeColorType
    strokeColorTypeBorder color typeColorType
    strokeWidthBorder widthnumber
    valueLinearOpacityBackground opacity gradient (corresponding to minimum to maximum value)[number, number]
    arcScaleTypeMapping method for calculating bubble area using value. area maps data to bubble area, radius maps data to bubble radius (the latter will cause more significant area differences, but the visual accuracy may be controversial)'area' | 'radius'
    sizeAdjustBubble area adjustment factor (suggested value between 0.1 and 1)number
Detailed Types
type ColorType = 'none' | 'label' | 'labelContrast' | 'primary' | 'secondary' | 'background'
  • Default value:
{
  fillColorType: 'label',
  strokeColorType: 'label',
  strokeWidth: 0,
  valueLinearOpacity: [0.8, 0.8],
  arcScaleType: 'area',
  sizeAdjust: 0.5
}