OrdinalBubbles

• Name: Ordinal Bubbles

• Description: Value indices ([0], [1], [2]...) are mapped to the X-axis in ordinal form, and the size of each data point is represented by bubble size.

• Playground Example

params$

• Type: DeepPartial<OrdinalBubblesParams>

• Fields:

  Name	Description	Type
  bubbles	Bubble settings	Object
  itemLabel	Display settings for data label	Object
  axisLabel	Display settings for axis label	Object
  rankingAmount	Number of items to display, default is 10. If set to 'auto', all data will be displayed if there is enough space	'auto' | number

• params.bubbles

  Name	Description	Type
  sizeAdjust	Bubble area adjustment factor (recommended between 0.1 and 1)	number
  arcScaleType	Mapping method for bubble area using value. area maps data to bubble area, radius maps data to bubble radius (the latter causes more noticeable area differences but may have visual accuracy issues)	'area' | 'radius'
  valueLinearOpacity	Base color opacity gradient (corresponding to minimum to maximum values)	[number, number]

• params.itemLabel

  Name	Description	Type
  padding	Padding	number
  colorType	Label color type	ColorType

• params.axisLabel

  Name	Description	Type
  offset	Axis label position	[number, number]
  colorType	Label color type	ColorType

Detailed Types

type ColorType = 'none' | 'label' | 'labelContrast' | 'primary' | 'secondary' | 'background'

• Default values:

{
  force: {
    strength: 0.08,
    velocityDecay: 0.3,
    collisionSpacing: 2
  },
  bubbleLabel: {
    colorType: 'labelContrast',
    fillRate: 0.6,
    lineHeight: 1,
    maxLineLength: 6,
    wordBreakAll: true,
  },
  arcScaleType: 'area'
}