A scatter chart is a chart that displays the relationship between two variables. By representing each data point as a point on the chart, a scatter chart can show the correlation or distribution trend between two variables (typically numeric variables). The horizontal and vertical position of each point is determined by the two numeric variables of the data point, with the X-axis and Y-axis representing the two variables respectively.
Height-Weight Relationship Analysis: Distribution of Height vs Weight Correlation
Age-Income Relationship Analysis: Positive Correlation between Age and Income
Car Horsepower vs Fuel Consumption by Origin, Custom Colors
| Property | Type | Required | Description |
|---|---|---|---|
| type | string | required | Value must be "scatter". |
| data | Object[] | required | Chart data. |
| data.x | number | required | Numeric variable on the X-axis. |
| data.y | number | required | Numeric variable on the Y-axis. |
| data.group | string | optional | Group name. |
| title | string | optional | Chart title. |
| axisXTitle | string | optional | X-axis title. |
| axisYTitle | string | optional | Y-axis title. |
| theme | 'default' | 'dark' | 'academy' | optional | Chart theme, default is "default". |
| style | Object | optional | Chart style. |
| style.backgroundColor | string | optional | Must be a valid color value. |
| style.palette | string[] | optional | Must be an array of valid color values. |
