Documentation v1.0.0

---

Documentation / @openassistant/echarts / BubbleChartComponent

Function: BubbleChartComponent()

BubbleChartComponent(props): Element | null

Defined in: components/echarts/src/bubble-chart/bubble-chart-component.tsx:33

A React component that renders an interactive bubble chart visualization.

Parameters

props

BubbleChartOutputData

BubbleChartOutputData - The configuration and data for the bubble chart:

• datasetName: string - The name of the dataset being visualized
• data: object - The chart data containing:
  • variableX: number[] - X-axis values for each bubble
  • variableY: number[] - Y-axis values for each bubble
  • variableSize: number[] - Size values for each bubble
  • variableColor?: (number | string)[] - Optional color values for each bubble
• theme?: string - Optional theme setting for the chart
• isExpanded?: boolean - Optional flag to control chart expansion state
• isDraggable?: boolean - Optional flag to enable/disable drag functionality

Returns

Element | null

A responsive bubble chart wrapped in an auto-sizing container

Example

<BubbleChartComponent
  datasetName="Sample Dataset"
  data={{
    variableX: [1, 2, 3],
    variableY: [4, 5, 6],
    variableSize: [10, 20, 30],
    variableColor: ['#ff0000', '#00ff00', '#0000ff']
  }}
/>