A Scatter Series identifies the correlation between values across two categories, and can highlight outliers and gaps in the data.
Simple Scatter Copy Link
import {
AgChartOptions,
AgCharts,
LegendModule,
ModuleRegistry,
NumberAxisModule,
ScatterSeriesModule,
} from "ag-charts-community";
import { femaleHeightWeight, maleHeightWeight } from "./height-weight-data";
ModuleRegistry.registerModules([
LegendModule,
NumberAxisModule,
ScatterSeriesModule,
]);
const options: AgChartOptions = {
title: {
text: "Weight vs Height",
},
subtitle: {
text: "by gender",
},
series: [
{
type: "scatter",
title: "Male",
data: maleHeightWeight,
xKey: "height",
xName: "Height",
yKey: "weight",
yName: "Weight",
},
{
type: "scatter",
title: "Female",
data: femaleHeightWeight,
xKey: "height",
xName: "Height",
yKey: "weight",
yName: "Weight",
},
],
axes: {
x: {
type: "number",
title: {
text: "Height",
},
label: {
formatter: (params) => {
return params.value + "cm";
},
},
},
y: {
type: "number",
title: {
text: "Weight",
},
label: {
formatter: (params) => {
return params.value + "kg";
},
},
},
},
};
options.container = document.getElementById("myChart");
const chart = AgCharts.create(options);
export const maleHeightWeight = [
{
height: 174,
weight: 65.6,
age: 21,
},
{
height: 175.3,
weight: 71.8,
age: 23,
},
{
height: 193.5,
weight: 80.7,
age: 28,
},
{
height: 186.5,
weight: 72.6,
age: 23,
},
{
height: 187.2,
weight: 78.8,
age: 22,
},
{
height: 181.5,
weight: 74.8,
age: 21,
},
{
height: 184,
weight: 86.4,
age: 26,
},
{
height: 184.5,
weight: 78.4,
age: 27,
},
{
height: 175,
weight: 62,
age: 23,
},
{
height: 184,
weight: 81.6,
age: 21,
},
{
height: 180,
weight: 76.6,
age: 23,
},
{
height: 177.8,
weight: 83.6,
age: 22,
},
{
height: 192,
weight: 90,
age: 20,
},
{
height: 176,
weight: 74.6,
age: 26,
},
{
height: 174,
weight: 71,
age: 23,
},
{
height: 184,
weight: 79.6,
age: 22,
},
{
height: 192.7,
weight: 93.8,
age: 30,
},
{
height: 171.5,
weight: 70,
age: 22,
},
{
height: 173,
weight: 72.4,
age: 29,
},
{
height: 176,
weight: 85.9,
age: 22,
},
{
height: 176,
weight: 78.8,
age: 22,
},
{
height: 180.5,
weight: 77.8,
age: 20,
},
{
height: 172.7,
weight: 66.2,
age: 22,
},
{
height: 176,
weight: 86.4,
age: 24,
},
{
height: 173.5,
weight: 81.8,
age: 26,
},
{
height: 178,
weight: 89.6,
age: 24,
},
{
height: 180.3,
weight: 82.8,
age: 21,
},
{
height: 180.3,
weight: 76.4,
age: 24,
},
{
height: 164.5,
weight: 63.2,
age: 23,
},
{
height: 173,
weight: 60.9,
age: 19,
},
{
height: 183.5,
weight: 74.8,
age: 23,
},
{
height: 175.5,
weight: 70,
age: 25,
},
{
height: 188,
weight: 72.4,
age: 23,
},
{
height: 189.2,
weight: 84.1,
age: 23,
},
{
height: 172.8,
weight: 69.1,
age: 23,
},
{
height: 170,
weight: 59.5,
age: 20,
},
{
height: 182,
weight: 67.2,
age: 22,
},
{
height: 170,
weight: 61.3,
age: 24,
},
{
height: 177.8,
weight: 68.6,
age: 22,
},
{
height: 184.2,
weight: 80.1,
age: 24,
},
{
height: 186.7,
weight: 87.8,
age: 21,
},
{
height: 171.4,
weight: 84.7,
age: 23,
},
{
height: 172.7,
weight: 73.4,
age: 24,
},
{
height: 175.3,
weight: 72.1,
age: 35,
},
{
height: 180.3,
weight: 82.6,
age: 29,
},
{
height: 182.9,
weight: 88.7,
age: 25,
},
{
height: 188,
weight: 84.1,
age: 23,
},
{
height: 177.2,
weight: 94.1,
age: 20,
},
{
height: 172.1,
weight: 74.9,
age: 25,
},
{
height: 167,
weight: 59.1,
age: 29,
},
{
height: 169.5,
weight: 75.6,
age: 23,
},
{
height: 174,
weight: 86.2,
age: 23,
},
{
height: 172.7,
weight: 75.3,
age: 36,
},
{
height: 182.2,
weight: 87.1,
age: 25,
},
{
height: 164.1,
weight: 55.2,
age: 24,
},
{
height: 163,
weight: 57,
age: 20,
},
{
height: 171.5,
weight: 61.4,
age: 52,
},
{
height: 184.2,
weight: 76.8,
age: 50,
},
{
height: 174,
weight: 86.8,
age: 46,
},
{
height: 174,
weight: 72.2,
age: 51,
},
{
height: 177,
weight: 71.6,
age: 28,
},
{
height: 186,
weight: 84.8,
age: 48,
},
{
height: 167,
weight: 68.2,
age: 35,
},
{
height: 171.8,
weight: 66.1,
age: 23,
},
{
height: 182,
weight: 72,
age: 23,
},
{
height: 167,
weight: 64.6,
age: 62,
},
{
height: 177.8,
weight: 74.8,
age: 21,
},
{
height: 164.5,
weight: 70,
age: 26,
},
{
height: 192,
weight: 101.6,
age: 33,
},
{
height: 175.5,
weight: 63.2,
age: 36,
},
{
height: 171.2,
weight: 79.1,
age: 41,
},
{
height: 181.6,
weight: 78.9,
age: 40,
},
{
height: 167.4,
weight: 67.7,
age: 27,
},
{
height: 181.1,
weight: 66,
age: 27,
},
{
height: 177,
weight: 68.2,
age: 23,
},
{
height: 174.5,
weight: 63.9,
age: 31,
},
{
height: 177.5,
weight: 72,
age: 26,
},
{
height: 170.5,
weight: 56.8,
age: 23,
},
{
height: 182.4,
weight: 74.5,
age: 24,
},
{
height: 197.1,
weight: 90.9,
age: 24,
},
{
height: 180.1,
weight: 93,
age: 34,
},
{
height: 175.5,
weight: 80.9,
age: 21,
},
{
height: 180.6,
weight: 72.7,
age: 25,
},
{
height: 184.4,
weight: 68,
age: 34,
},
{
height: 175.5,
weight: 70.9,
age: 31,
},
{
height: 180.6,
weight: 72.5,
age: 40,
},
{
height: 177,
weight: 72.5,
age: 21,
},
{
height: 177.1,
weight: 83.4,
age: 33,
},
{
height: 181.6,
weight: 75.5,
age: 25,
},
{
height: 176.5,
weight: 73,
age: 29,
},
{
height: 175,
weight: 70.2,
age: 27,
},
{
height: 174,
weight: 73.4,
age: 44,
},
{
height: 165.1,
weight: 70.5,
age: 26,
},
{
height: 177,
weight: 68.9,
age: 22,
},
{
height: 192,
weight: 102.3,
age: 37,
},
{
height: 176.5,
weight: 68.4,
age: 38,
},
{
height: 169.4,
weight: 65.9,
age: 20,
},
{
height: 182.1,
weight: 75.7,
age: 21,
},
{
height: 179.8,
weight: 84.5,
age: 24,
},
{
height: 175.3,
weight: 87.7,
age: 45,
},
{
height: 184.9,
weight: 86.4,
age: 25,
},
{
height: 177.3,
weight: 73.2,
age: 22,
},
{
height: 167.4,
weight: 53.9,
age: 29,
},
{
height: 178.1,
weight: 72,
age: 37,
},
{
height: 168.9,
weight: 55.5,
age: 20,
},
{
height: 157.2,
weight: 58.4,
age: 20,
},
{
height: 180.3,
weight: 83.2,
age: 32,
},
{
height: 170.2,
weight: 72.7,
age: 23,
},
{
height: 177.8,
weight: 64.1,
age: 25,
},
{
height: 172.7,
weight: 72.3,
age: 27,
},
{
height: 165.1,
weight: 65,
age: 21,
},
{
height: 186.7,
weight: 86.4,
age: 27,
},
{
height: 165.1,
weight: 65,
age: 25,
},
{
height: 174,
weight: 88.6,
age: 38,
},
{
height: 175.3,
weight: 84.1,
age: 44,
},
{
height: 185.4,
weight: 66.8,
age: 27,
},
{
height: 177.8,
weight: 75.5,
age: 37,
},
{
height: 180.3,
weight: 93.2,
age: 28,
},
{
height: 180.3,
weight: 82.7,
age: 33,
},
{
height: 177.8,
weight: 58,
age: 25,
},
{
height: 177.8,
weight: 79.5,
age: 21,
},
{
height: 177.8,
weight: 78.6,
age: 30,
},
{
height: 177.8,
weight: 71.8,
age: 26,
},
{
height: 177.8,
weight: 116.4,
age: 27,
},
{
height: 163.8,
weight: 72.2,
age: 33,
},
{
height: 188,
weight: 83.6,
age: 29,
},
{
height: 198.1,
weight: 85.5,
age: 27,
},
{
height: 175.3,
weight: 90.9,
age: 34,
},
{
height: 166.4,
weight: 85.9,
age: 42,
},
{
height: 190.5,
weight: 89.1,
age: 29,
},
{
height: 166.4,
weight: 75,
age: 41,
},
{
height: 177.8,
weight: 77.7,
age: 43,
},
{
height: 179.7,
weight: 86.4,
age: 43,
},
{
height: 172.7,
weight: 90.9,
age: 29,
},
{
height: 190.5,
weight: 73.6,
age: 27,
},
{
height: 185.4,
weight: 76.4,
age: 62,
},
{
height: 168.9,
weight: 69.1,
age: 33,
},
{
height: 167.6,
weight: 84.5,
age: 45,
},
{
height: 175.3,
weight: 64.5,
age: 30,
},
{
height: 170.2,
weight: 69.1,
age: 20,
},
{
height: 190.5,
weight: 108.6,
age: 22,
},
{
height: 177.8,
weight: 86.4,
age: 51,
},
{
height: 190.5,
weight: 80.9,
age: 34,
},
{
height: 177.8,
weight: 87.7,
age: 44,
},
{
height: 184.2,
weight: 94.5,
age: 46,
},
{
height: 176.5,
weight: 80.2,
age: 34,
},
{
height: 177.8,
weight: 72,
age: 32,
},
{
height: 180.3,
weight: 71.4,
age: 28,
},
{
height: 171.4,
weight: 72.7,
age: 31,
},
{
height: 172.7,
weight: 84.1,
age: 29,
},
{
height: 172.7,
weight: 76.8,
age: 42,
},
{
height: 177.8,
weight: 63.6,
age: 29,
},
{
height: 177.8,
weight: 80.9,
age: 31,
},
{
height: 182.9,
weight: 80.9,
age: 30,
},
{
height: 170.2,
weight: 85.5,
age: 27,
},
{
height: 167.6,
weight: 68.6,
age: 25,
},
{
height: 175.3,
weight: 67.7,
age: 24,
},
{
height: 165.1,
weight: 66.4,
age: 33,
},
{
height: 185.4,
weight: 102.3,
age: 45,
},
{
height: 181.6,
weight: 70.5,
age: 37,
},
{
height: 172.7,
weight: 95.9,
age: 44,
},
{
height: 190.5,
weight: 84.1,
age: 34,
},
{
height: 179.1,
weight: 87.3,
age: 55,
},
{
height: 175.3,
weight: 71.8,
age: 43,
},
{
height: 170.2,
weight: 65.9,
age: 24,
},
{
height: 193,
weight: 95.9,
age: 22,
},
{
height: 171.4,
weight: 91.4,
age: 38,
},
{
height: 177.8,
weight: 81.8,
age: 24,
},
{
height: 177.8,
weight: 96.8,
age: 29,
},
{
height: 167.6,
weight: 69.1,
age: 25,
},
{
height: 167.6,
weight: 82.7,
age: 37,
},
{
height: 180.3,
weight: 75.5,
age: 30,
},
{
height: 182.9,
weight: 79.5,
age: 26,
},
{
height: 176.5,
weight: 73.6,
age: 35,
},
{
height: 186.7,
weight: 91.8,
age: 29,
},
{
height: 188,
weight: 84.1,
age: 30,
},
{
height: 188,
weight: 85.9,
age: 37,
},
{
height: 177.8,
weight: 81.8,
age: 34,
},
{
height: 174,
weight: 82.5,
age: 28,
},
{
height: 177.8,
weight: 80.5,
age: 27,
},
{
height: 171.4,
weight: 70,
age: 32,
},
{
height: 185.4,
weight: 81.8,
age: 28,
},
{
height: 185.4,
weight: 84.1,
age: 22,
},
{
height: 188,
weight: 90.5,
age: 44,
},
{
height: 188,
weight: 91.4,
age: 25,
},
{
height: 182.9,
weight: 89.1,
age: 49,
},
{
height: 176.5,
weight: 85,
age: 54,
},
{
height: 175.3,
weight: 69.1,
age: 49,
},
{
height: 175.3,
weight: 73.6,
age: 60,
},
{
height: 188,
weight: 80.5,
age: 42,
},
{
height: 188,
weight: 82.7,
age: 52,
},
{
height: 175.3,
weight: 86.4,
age: 23,
},
{
height: 170.5,
weight: 67.7,
age: 33,
},
{
height: 179.1,
weight: 92.7,
age: 46,
},
{
height: 177.8,
weight: 93.6,
age: 43,
},
{
height: 175.3,
weight: 70.9,
age: 56,
},
{
height: 182.9,
weight: 75,
age: 21,
},
{
height: 170.8,
weight: 93.2,
age: 18,
},
{
height: 188,
weight: 93.2,
age: 21,
},
{
height: 180.3,
weight: 77.7,
age: 45,
},
{
height: 177.8,
weight: 61.4,
age: 22,
},
{
height: 185.4,
weight: 94.1,
age: 55,
},
{
height: 168.9,
weight: 75,
age: 42,
},
{
height: 185.4,
weight: 83.6,
age: 29,
},
{
height: 180.3,
weight: 85.5,
age: 40,
},
{
height: 174,
weight: 73.9,
age: 24,
},
{
height: 167.6,
weight: 66.8,
age: 62,
},
{
height: 182.9,
weight: 87.3,
age: 26,
},
{
height: 160,
weight: 72.3,
age: 35,
},
{
height: 180.3,
weight: 88.6,
age: 37,
},
{
height: 167.6,
weight: 75.5,
age: 34,
},
{
height: 186.7,
weight: 101.4,
age: 25,
},
{
height: 175.3,
weight: 91.1,
age: 30,
},
{
height: 175.3,
weight: 67.3,
age: 32,
},
{
height: 175.9,
weight: 77.7,
age: 27,
},
{
height: 175.3,
weight: 81.8,
age: 42,
},
{
height: 179.1,
weight: 75.5,
age: 44,
},
{
height: 181.6,
weight: 84.5,
age: 46,
},
{
height: 177.8,
weight: 76.6,
age: 19,
},
{
height: 182.9,
weight: 85,
age: 43,
},
{
height: 177.8,
weight: 102.5,
age: 28,
},
{
height: 184.2,
weight: 77.3,
age: 39,
},
{
height: 179.1,
weight: 71.8,
age: 30,
},
{
height: 176.5,
weight: 87.9,
age: 36,
},
{
height: 188,
weight: 94.3,
age: 48,
},
{
height: 174,
weight: 70.9,
age: 48,
},
{
height: 167.6,
weight: 64.5,
age: 53,
},
{
height: 170.2,
weight: 77.3,
age: 45,
},
{
height: 167.6,
weight: 72.3,
age: 39,
},
{
height: 188,
weight: 87.3,
age: 43,
},
{
height: 174,
weight: 80,
age: 65,
},
{
height: 176.5,
weight: 82.3,
age: 45,
},
{
height: 180.3,
weight: 73.6,
age: 37,
},
{
height: 167.6,
weight: 74.1,
age: 55,
},
{
height: 188,
weight: 85.9,
age: 33,
},
{
height: 180.3,
weight: 73.2,
age: 25,
},
{
height: 167.6,
weight: 76.3,
age: 35,
},
{
height: 183,
weight: 65.9,
age: 28,
},
{
height: 183,
weight: 90.9,
age: 26,
},
{
height: 179.1,
weight: 89.1,
age: 43,
},
{
height: 170.2,
weight: 62.3,
age: 30,
},
{
height: 177.8,
weight: 82.7,
age: 26,
},
{
height: 179.1,
weight: 79.1,
age: 51,
},
{
height: 190.5,
weight: 98.2,
age: 30,
},
{
height: 177.8,
weight: 84.1,
age: 24,
},
{
height: 180.3,
weight: 83.2,
age: 35,
},
{
height: 180.3,
weight: 83.2,
age: 37,
},
];
export const femaleHeightWeight = [
{
height: 161.2,
weight: 51.6,
age: 22,
},
{
height: 167.5,
weight: 59,
age: 20,
},
{
height: 159.5,
weight: 49.2,
age: 19,
},
{
height: 157,
weight: 63,
age: 25,
},
{
height: 155.8,
weight: 53.6,
age: 21,
},
{
height: 170,
weight: 59,
age: 23,
},
{
height: 159.1,
weight: 47.6,
age: 26,
},
{
height: 166,
weight: 69.8,
age: 22,
},
{
height: 176.2,
weight: 66.8,
age: 28,
},
{
height: 160.2,
weight: 75.2,
age: 40,
},
{
height: 172.5,
weight: 55.2,
age: 32,
},
{
height: 170.9,
weight: 54.2,
age: 25,
},
{
height: 172.9,
weight: 62.5,
age: 25,
},
{
height: 153.4,
weight: 42,
age: 29,
},
{
height: 160,
weight: 50,
age: 22,
},
{
height: 147.2,
weight: 49.8,
age: 25,
},
{
height: 168.2,
weight: 49.2,
age: 23,
},
{
height: 175,
weight: 73.2,
age: 37,
},
{
height: 157,
weight: 47.8,
age: 19,
},
{
height: 167.6,
weight: 68.8,
age: 23,
},
{
height: 159.5,
weight: 50.6,
age: 25,
},
{
height: 175,
weight: 82.5,
age: 26,
},
{
height: 166.8,
weight: 57.2,
age: 24,
},
{
height: 176.5,
weight: 87.8,
age: 29,
},
{
height: 170.2,
weight: 72.8,
age: 22,
},
{
height: 174,
weight: 54.5,
age: 30,
},
{
height: 173,
weight: 59.8,
age: 23,
},
{
height: 179.9,
weight: 67.3,
age: 38,
},
{
height: 170.5,
weight: 67.8,
age: 23,
},
{
height: 160,
weight: 47,
age: 19,
},
{
height: 154.4,
weight: 46.2,
age: 46,
},
{
height: 162,
weight: 55,
age: 20,
},
{
height: 176.5,
weight: 83,
age: 22,
},
{
height: 160,
weight: 54.4,
age: 25,
},
{
height: 152,
weight: 45.8,
age: 21,
},
{
height: 162.1,
weight: 53.6,
age: 23,
},
{
height: 170,
weight: 73.2,
age: 31,
},
{
height: 160.2,
weight: 52.1,
age: 29,
},
{
height: 161.3,
weight: 67.9,
age: 19,
},
{
height: 166.4,
weight: 56.6,
age: 21,
},
{
height: 168.9,
weight: 62.3,
age: 23,
},
{
height: 163.8,
weight: 58.5,
age: 24,
},
{
height: 167.6,
weight: 54.5,
age: 20,
},
{
height: 160,
weight: 50.2,
age: 19,
},
{
height: 161.3,
weight: 60.3,
age: 20,
},
{
height: 167.6,
weight: 58.3,
age: 19,
},
{
height: 165.1,
weight: 56.2,
age: 20,
},
{
height: 160,
weight: 50.2,
age: 19,
},
{
height: 170,
weight: 72.9,
age: 22,
},
{
height: 157.5,
weight: 59.8,
age: 39,
},
{
height: 167.6,
weight: 61,
age: 18,
},
{
height: 160.7,
weight: 69.1,
age: 19,
},
{
height: 163.2,
weight: 55.9,
age: 26,
},
{
height: 152.4,
weight: 46.5,
age: 20,
},
{
height: 157.5,
weight: 54.3,
age: 20,
},
{
height: 168.3,
weight: 54.8,
age: 26,
},
{
height: 180.3,
weight: 60.7,
age: 21,
},
{
height: 165.5,
weight: 60,
age: 21,
},
{
height: 165,
weight: 62,
age: 38,
},
{
height: 164.5,
weight: 60.3,
age: 23,
},
{
height: 156,
weight: 52.7,
age: 37,
},
{
height: 160,
weight: 74.3,
age: 19,
},
{
height: 163,
weight: 62,
age: 25,
},
{
height: 165.7,
weight: 73.1,
age: 20,
},
{
height: 161,
weight: 80,
age: 41,
},
{
height: 162,
weight: 54.7,
age: 26,
},
{
height: 166,
weight: 53.2,
age: 21,
},
{
height: 174,
weight: 75.7,
age: 47,
},
{
height: 172.7,
weight: 61.1,
age: 19,
},
{
height: 167.6,
weight: 55.7,
age: 44,
},
{
height: 151.1,
weight: 48.7,
age: 35,
},
{
height: 164.5,
weight: 52.3,
age: 32,
},
{
height: 163.5,
weight: 50,
age: 46,
},
{
height: 152,
weight: 59.3,
age: 22,
},
{
height: 169,
weight: 62.5,
age: 49,
},
{
height: 164,
weight: 55.7,
age: 52,
},
{
height: 161.2,
weight: 54.8,
age: 25,
},
{
height: 155,
weight: 45.9,
age: 48,
},
{
height: 170,
weight: 70.6,
age: 41,
},
{
height: 176.2,
weight: 67.2,
age: 18,
},
{
height: 170,
weight: 69.4,
age: 30,
},
{
height: 162.5,
weight: 58.2,
age: 20,
},
{
height: 170.3,
weight: 64.8,
age: 24,
},
{
height: 164.1,
weight: 71.6,
age: 23,
},
{
height: 169.5,
weight: 52.8,
age: 30,
},
{
height: 163.2,
weight: 59.8,
age: 23,
},
{
height: 154.5,
weight: 49,
age: 45,
},
{
height: 159.8,
weight: 50,
age: 20,
},
{
height: 173.2,
weight: 69.2,
age: 20,
},
{
height: 170,
weight: 55.9,
age: 23,
},
{
height: 161.4,
weight: 63.4,
age: 21,
},
{
height: 169,
weight: 58.2,
age: 28,
},
{
height: 166.2,
weight: 58.6,
age: 45,
},
{
height: 159.4,
weight: 45.7,
age: 24,
},
{
height: 162.5,
weight: 52.2,
age: 25,
},
{
height: 159,
weight: 48.6,
age: 19,
},
{
height: 162.8,
weight: 57.8,
age: 20,
},
{
height: 159,
weight: 55.6,
age: 29,
},
{
height: 179.8,
weight: 66.8,
age: 24,
},
{
height: 162.9,
weight: 59.4,
age: 24,
},
{
height: 161,
weight: 53.6,
age: 25,
},
{
height: 151.1,
weight: 73.2,
age: 31,
},
{
height: 168.2,
weight: 53.4,
age: 22,
},
{
height: 168.9,
weight: 69,
age: 20,
},
{
height: 173.2,
weight: 58.4,
age: 32,
},
{
height: 171.8,
weight: 56.2,
age: 25,
},
{
height: 178,
weight: 70.6,
age: 19,
},
{
height: 164.3,
weight: 59.8,
age: 23,
},
{
height: 163,
weight: 72,
age: 22,
},
{
height: 168.5,
weight: 65.2,
age: 20,
},
{
height: 166.8,
weight: 56.6,
age: 27,
},
{
height: 172.7,
weight: 105.2,
age: 34,
},
{
height: 163.5,
weight: 51.8,
age: 25,
},
{
height: 169.4,
weight: 63.4,
age: 26,
},
{
height: 167.8,
weight: 59,
age: 19,
},
{
height: 159.5,
weight: 47.6,
age: 26,
},
{
height: 167.6,
weight: 63,
age: 25,
},
{
height: 161.2,
weight: 55.2,
age: 20,
},
{
height: 160,
weight: 45,
age: 21,
},
{
height: 163.2,
weight: 54,
age: 18,
},
{
height: 162.2,
weight: 50.2,
age: 19,
},
{
height: 161.3,
weight: 60.2,
age: 27,
},
{
height: 149.5,
weight: 44.8,
age: 26,
},
{
height: 157.5,
weight: 58.8,
age: 36,
},
{
height: 163.2,
weight: 56.4,
age: 20,
},
{
height: 172.7,
weight: 62,
age: 28,
},
{
height: 155,
weight: 49.2,
age: 32,
},
{
height: 156.5,
weight: 67.2,
age: 32,
},
{
height: 164,
weight: 53.8,
age: 23,
},
{
height: 160.9,
weight: 54.4,
age: 20,
},
{
height: 162.8,
weight: 58,
age: 20,
},
{
height: 167,
weight: 59.8,
age: 20,
},
{
height: 160,
weight: 54.8,
age: 23,
},
{
height: 160,
weight: 43.2,
age: 20,
},
{
height: 168.9,
weight: 60.5,
age: 28,
},
{
height: 158.2,
weight: 46.4,
age: 23,
},
{
height: 156,
weight: 64.4,
age: 19,
},
{
height: 160,
weight: 48.8,
age: 28,
},
{
height: 167.1,
weight: 62.2,
age: 19,
},
{
height: 158,
weight: 55.5,
age: 29,
},
{
height: 167.6,
weight: 57.8,
age: 32,
},
{
height: 156,
weight: 54.6,
age: 20,
},
{
height: 162.1,
weight: 59.2,
age: 28,
},
{
height: 173.4,
weight: 52.7,
age: 36,
},
{
height: 159.8,
weight: 53.2,
age: 22,
},
{
height: 170.5,
weight: 64.5,
age: 20,
},
{
height: 159.2,
weight: 51.8,
age: 22,
},
{
height: 157.5,
weight: 56,
age: 32,
},
{
height: 161.3,
weight: 63.6,
age: 40,
},
{
height: 162.6,
weight: 63.2,
age: 40,
},
{
height: 160,
weight: 59.5,
age: 42,
},
{
height: 168.9,
weight: 56.8,
age: 40,
},
{
height: 165.1,
weight: 64.1,
age: 44,
},
{
height: 162.6,
weight: 50,
age: 30,
},
{
height: 165.1,
weight: 72.3,
age: 28,
},
{
height: 166.4,
weight: 55,
age: 37,
},
{
height: 160,
weight: 55.9,
age: 40,
},
{
height: 152.4,
weight: 60.4,
age: 45,
},
{
height: 170.2,
weight: 69.1,
age: 35,
},
{
height: 162.6,
weight: 84.5,
age: 41,
},
{
height: 170.2,
weight: 55.9,
age: 27,
},
{
height: 158.8,
weight: 55.5,
age: 20,
},
{
height: 172.7,
weight: 69.5,
age: 24,
},
{
height: 167.6,
weight: 76.4,
age: 36,
},
{
height: 162.6,
weight: 61.4,
age: 27,
},
{
height: 167.6,
weight: 65.9,
age: 32,
},
{
height: 156.2,
weight: 58.6,
age: 64,
},
{
height: 175.2,
weight: 66.8,
age: 21,
},
{
height: 172.1,
weight: 56.6,
age: 32,
},
{
height: 162.6,
weight: 58.6,
age: 35,
},
{
height: 160,
weight: 55.9,
age: 41,
},
{
height: 165.1,
weight: 59.1,
age: 40,
},
{
height: 182.9,
weight: 81.8,
age: 29,
},
{
height: 166.4,
weight: 70.7,
age: 40,
},
{
height: 165.1,
weight: 56.8,
age: 24,
},
{
height: 177.8,
weight: 60,
age: 23,
},
{
height: 165.1,
weight: 58.2,
age: 41,
},
{
height: 175.3,
weight: 72.7,
age: 44,
},
{
height: 154.9,
weight: 54.1,
age: 53,
},
{
height: 158.8,
weight: 49.1,
age: 19,
},
{
height: 172.7,
weight: 75.9,
age: 24,
},
{
height: 168.9,
weight: 55,
age: 25,
},
{
height: 161.3,
weight: 57.3,
age: 20,
},
{
height: 167.6,
weight: 55,
age: 34,
},
{
height: 165.1,
weight: 65.5,
age: 32,
},
{
height: 175.3,
weight: 65.5,
age: 24,
},
{
height: 157.5,
weight: 48.6,
age: 29,
},
{
height: 163.8,
weight: 58.6,
age: 31,
},
{
height: 167.6,
weight: 63.6,
age: 34,
},
{
height: 165.1,
weight: 55.2,
age: 36,
},
{
height: 165.1,
weight: 62.7,
age: 32,
},
{
height: 168.9,
weight: 56.6,
age: 39,
},
{
height: 162.6,
weight: 53.9,
age: 37,
},
{
height: 164.5,
weight: 63.2,
age: 52,
},
{
height: 176.5,
weight: 73.6,
age: 24,
},
{
height: 168.9,
weight: 62,
age: 33,
},
{
height: 175.3,
weight: 63.6,
age: 42,
},
{
height: 159.4,
weight: 53.2,
age: 34,
},
{
height: 160,
weight: 53.4,
age: 37,
},
{
height: 170.2,
weight: 55,
age: 39,
},
{
height: 162.6,
weight: 70.5,
age: 41,
},
{
height: 167.6,
weight: 54.5,
age: 36,
},
{
height: 162.6,
weight: 54.5,
age: 19,
},
{
height: 160.7,
weight: 55.9,
age: 22,
},
{
height: 160,
weight: 59,
age: 23,
},
{
height: 157.5,
weight: 63.6,
age: 36,
},
{
height: 162.6,
weight: 54.5,
age: 45,
},
{
height: 152.4,
weight: 47.3,
age: 25,
},
{
height: 170.2,
weight: 67.7,
age: 67,
},
{
height: 165.1,
weight: 80.9,
age: 26,
},
{
height: 172.7,
weight: 70.5,
age: 21,
},
{
height: 165.1,
weight: 60.9,
age: 33,
},
{
height: 170.2,
weight: 63.6,
age: 25,
},
{
height: 170.2,
weight: 54.5,
age: 24,
},
{
height: 170.2,
weight: 59.1,
age: 21,
},
{
height: 161.3,
weight: 70.5,
age: 35,
},
{
height: 167.6,
weight: 52.7,
age: 27,
},
{
height: 167.6,
weight: 62.7,
age: 27,
},
{
height: 165.1,
weight: 86.3,
age: 26,
},
{
height: 162.6,
weight: 66.4,
age: 25,
},
{
height: 152.4,
weight: 67.3,
age: 44,
},
{
height: 168.9,
weight: 63,
age: 29,
},
{
height: 170.2,
weight: 73.6,
age: 26,
},
{
height: 175.2,
weight: 62.3,
age: 23,
},
{
height: 175.2,
weight: 57.7,
age: 32,
},
{
height: 160,
weight: 55.4,
age: 32,
},
{
height: 165.1,
weight: 104.1,
age: 43,
},
{
height: 174,
weight: 55.5,
age: 32,
},
{
height: 170.2,
weight: 77.3,
age: 41,
},
{
height: 160,
weight: 80.5,
age: 33,
},
{
height: 167.6,
weight: 64.5,
age: 28,
},
{
height: 167.6,
weight: 72.3,
age: 28,
},
{
height: 167.6,
weight: 61.4,
age: 25,
},
{
height: 154.9,
weight: 58.2,
age: 38,
},
{
height: 162.6,
weight: 81.8,
age: 37,
},
{
height: 175.3,
weight: 63.6,
age: 25,
},
{
height: 171.4,
weight: 53.4,
age: 37,
},
{
height: 157.5,
weight: 54.5,
age: 27,
},
{
height: 165.1,
weight: 53.6,
age: 27,
},
{
height: 160,
weight: 60,
age: 20,
},
{
height: 174,
weight: 73.6,
age: 19,
},
{
height: 162.6,
weight: 61.4,
age: 32,
},
{
height: 174,
weight: 55.5,
age: 26,
},
{
height: 162.6,
weight: 63.6,
age: 56,
},
{
height: 161.3,
weight: 60.9,
age: 23,
},
{
height: 156.2,
weight: 60,
age: 19,
},
{
height: 149.9,
weight: 46.8,
age: 31,
},
{
height: 169.5,
weight: 57.3,
age: 34,
},
{
height: 160,
weight: 64.1,
age: 34,
},
{
height: 175.3,
weight: 63.6,
age: 24,
},
{
height: 169.5,
weight: 67.3,
age: 22,
},
{
height: 160,
weight: 75.5,
age: 34,
},
{
height: 172.7,
weight: 68.2,
age: 30,
},
{
height: 162.6,
weight: 61.4,
age: 32,
},
{
height: 157.5,
weight: 76.8,
age: 40,
},
{
height: 176.5,
weight: 71.8,
age: 29,
},
{
height: 164.4,
weight: 55.5,
age: 21,
},
{
height: 160.7,
weight: 48.6,
age: 33,
},
{
height: 174,
weight: 66.4,
age: 33,
},
{
height: 163.8,
weight: 67.3,
age: 38,
},
];
To create a Scatter Series use the 'scatter' series type.
{
series: [
{
type: 'scatter',
title: 'Male',
xKey: 'height',
xName: 'Height',
yKey: 'weight',
yName: 'Weight',
},
],
}In this configuration:
xKeydefines the numerical values for the x-axis, and is mapped by default to a Number.yKeyprovides the numerical values for the y-axis, and is mapped by default to a Number Axis.xNameandyNameare optional and configure display names, reflected in Tooltips.titleis optional and is used in the Tooltip Titles and Legend Items.
Markers Copy Link
import {
AgChartOptions,
AgCharts,
LegendModule,
ModuleRegistry,
NumberAxisModule,
ScatterSeriesModule,
} from "ag-charts-community";
import { femaleHeightWeight, maleHeightWeight } from "./height-weight-data";
ModuleRegistry.registerModules([
LegendModule,
NumberAxisModule,
ScatterSeriesModule,
]);
const options: AgChartOptions = {
title: {
text: "Weight vs Height",
},
subtitle: {
text: "by Gender",
},
series: [
{
type: "scatter",
title: "Male",
data: maleHeightWeight,
xKey: "height",
xName: "Height",
yKey: "weight",
yName: "Weight",
shape: "square",
fill: "#e36f6ab5",
stroke: "#9f4e4a",
},
{
type: "scatter",
title: "Female",
data: femaleHeightWeight,
xKey: "height",
xName: "Height",
yKey: "weight",
yName: "Weight",
shape: "circle", // default
fill: "#7b91deb5",
stroke: "#56659b",
},
],
axes: {
x: {
type: "number",
title: {
text: "Height",
},
label: {
formatter: (params) => {
return params.value + "cm";
},
},
},
y: {
type: "number",
title: {
text: "Weight",
},
label: {
formatter: (params) => {
return params.value + "kg";
},
},
},
},
};
options.container = document.getElementById("myChart");
const chart = AgCharts.create(options);
export const maleHeightWeight = [
{
height: 174,
weight: 65.6,
age: 21,
},
{
height: 175.3,
weight: 71.8,
age: 23,
},
{
height: 193.5,
weight: 80.7,
age: 28,
},
{
height: 186.5,
weight: 72.6,
age: 23,
},
{
height: 187.2,
weight: 78.8,
age: 22,
},
{
height: 181.5,
weight: 74.8,
age: 21,
},
{
height: 184,
weight: 86.4,
age: 26,
},
{
height: 184.5,
weight: 78.4,
age: 27,
},
{
height: 175,
weight: 62,
age: 23,
},
{
height: 184,
weight: 81.6,
age: 21,
},
{
height: 180,
weight: 76.6,
age: 23,
},
{
height: 177.8,
weight: 83.6,
age: 22,
},
{
height: 192,
weight: 90,
age: 20,
},
{
height: 176,
weight: 74.6,
age: 26,
},
{
height: 174,
weight: 71,
age: 23,
},
{
height: 184,
weight: 79.6,
age: 22,
},
{
height: 192.7,
weight: 93.8,
age: 30,
},
{
height: 171.5,
weight: 70,
age: 22,
},
{
height: 173,
weight: 72.4,
age: 29,
},
{
height: 176,
weight: 85.9,
age: 22,
},
{
height: 176,
weight: 78.8,
age: 22,
},
{
height: 180.5,
weight: 77.8,
age: 20,
},
{
height: 172.7,
weight: 66.2,
age: 22,
},
{
height: 176,
weight: 86.4,
age: 24,
},
{
height: 173.5,
weight: 81.8,
age: 26,
},
{
height: 178,
weight: 89.6,
age: 24,
},
{
height: 180.3,
weight: 82.8,
age: 21,
},
{
height: 180.3,
weight: 76.4,
age: 24,
},
{
height: 164.5,
weight: 63.2,
age: 23,
},
{
height: 173,
weight: 60.9,
age: 19,
},
{
height: 183.5,
weight: 74.8,
age: 23,
},
{
height: 175.5,
weight: 70,
age: 25,
},
{
height: 188,
weight: 72.4,
age: 23,
},
{
height: 189.2,
weight: 84.1,
age: 23,
},
{
height: 172.8,
weight: 69.1,
age: 23,
},
{
height: 170,
weight: 59.5,
age: 20,
},
{
height: 182,
weight: 67.2,
age: 22,
},
{
height: 170,
weight: 61.3,
age: 24,
},
{
height: 177.8,
weight: 68.6,
age: 22,
},
{
height: 184.2,
weight: 80.1,
age: 24,
},
{
height: 186.7,
weight: 87.8,
age: 21,
},
{
height: 171.4,
weight: 84.7,
age: 23,
},
{
height: 172.7,
weight: 73.4,
age: 24,
},
{
height: 175.3,
weight: 72.1,
age: 35,
},
{
height: 180.3,
weight: 82.6,
age: 29,
},
{
height: 182.9,
weight: 88.7,
age: 25,
},
{
height: 188,
weight: 84.1,
age: 23,
},
{
height: 177.2,
weight: 94.1,
age: 20,
},
{
height: 172.1,
weight: 74.9,
age: 25,
},
{
height: 167,
weight: 59.1,
age: 29,
},
{
height: 169.5,
weight: 75.6,
age: 23,
},
{
height: 174,
weight: 86.2,
age: 23,
},
{
height: 172.7,
weight: 75.3,
age: 36,
},
{
height: 182.2,
weight: 87.1,
age: 25,
},
{
height: 164.1,
weight: 55.2,
age: 24,
},
{
height: 163,
weight: 57,
age: 20,
},
{
height: 171.5,
weight: 61.4,
age: 52,
},
{
height: 184.2,
weight: 76.8,
age: 50,
},
{
height: 174,
weight: 86.8,
age: 46,
},
{
height: 174,
weight: 72.2,
age: 51,
},
{
height: 177,
weight: 71.6,
age: 28,
},
{
height: 186,
weight: 84.8,
age: 48,
},
{
height: 167,
weight: 68.2,
age: 35,
},
{
height: 171.8,
weight: 66.1,
age: 23,
},
{
height: 182,
weight: 72,
age: 23,
},
{
height: 167,
weight: 64.6,
age: 62,
},
{
height: 177.8,
weight: 74.8,
age: 21,
},
{
height: 164.5,
weight: 70,
age: 26,
},
{
height: 192,
weight: 101.6,
age: 33,
},
{
height: 175.5,
weight: 63.2,
age: 36,
},
{
height: 171.2,
weight: 79.1,
age: 41,
},
{
height: 181.6,
weight: 78.9,
age: 40,
},
{
height: 167.4,
weight: 67.7,
age: 27,
},
{
height: 181.1,
weight: 66,
age: 27,
},
{
height: 177,
weight: 68.2,
age: 23,
},
{
height: 174.5,
weight: 63.9,
age: 31,
},
{
height: 177.5,
weight: 72,
age: 26,
},
{
height: 170.5,
weight: 56.8,
age: 23,
},
{
height: 182.4,
weight: 74.5,
age: 24,
},
{
height: 197.1,
weight: 90.9,
age: 24,
},
{
height: 180.1,
weight: 93,
age: 34,
},
{
height: 175.5,
weight: 80.9,
age: 21,
},
{
height: 180.6,
weight: 72.7,
age: 25,
},
{
height: 184.4,
weight: 68,
age: 34,
},
{
height: 175.5,
weight: 70.9,
age: 31,
},
{
height: 180.6,
weight: 72.5,
age: 40,
},
{
height: 177,
weight: 72.5,
age: 21,
},
{
height: 177.1,
weight: 83.4,
age: 33,
},
{
height: 181.6,
weight: 75.5,
age: 25,
},
{
height: 176.5,
weight: 73,
age: 29,
},
{
height: 175,
weight: 70.2,
age: 27,
},
{
height: 174,
weight: 73.4,
age: 44,
},
{
height: 165.1,
weight: 70.5,
age: 26,
},
{
height: 177,
weight: 68.9,
age: 22,
},
{
height: 192,
weight: 102.3,
age: 37,
},
{
height: 176.5,
weight: 68.4,
age: 38,
},
{
height: 169.4,
weight: 65.9,
age: 20,
},
{
height: 182.1,
weight: 75.7,
age: 21,
},
{
height: 179.8,
weight: 84.5,
age: 24,
},
{
height: 175.3,
weight: 87.7,
age: 45,
},
{
height: 184.9,
weight: 86.4,
age: 25,
},
{
height: 177.3,
weight: 73.2,
age: 22,
},
{
height: 167.4,
weight: 53.9,
age: 29,
},
{
height: 178.1,
weight: 72,
age: 37,
},
{
height: 168.9,
weight: 55.5,
age: 20,
},
{
height: 157.2,
weight: 58.4,
age: 20,
},
{
height: 180.3,
weight: 83.2,
age: 32,
},
{
height: 170.2,
weight: 72.7,
age: 23,
},
{
height: 177.8,
weight: 64.1,
age: 25,
},
{
height: 172.7,
weight: 72.3,
age: 27,
},
{
height: 165.1,
weight: 65,
age: 21,
},
{
height: 186.7,
weight: 86.4,
age: 27,
},
{
height: 165.1,
weight: 65,
age: 25,
},
{
height: 174,
weight: 88.6,
age: 38,
},
{
height: 175.3,
weight: 84.1,
age: 44,
},
{
height: 185.4,
weight: 66.8,
age: 27,
},
{
height: 177.8,
weight: 75.5,
age: 37,
},
{
height: 180.3,
weight: 93.2,
age: 28,
},
{
height: 180.3,
weight: 82.7,
age: 33,
},
{
height: 177.8,
weight: 58,
age: 25,
},
{
height: 177.8,
weight: 79.5,
age: 21,
},
{
height: 177.8,
weight: 78.6,
age: 30,
},
{
height: 177.8,
weight: 71.8,
age: 26,
},
{
height: 177.8,
weight: 116.4,
age: 27,
},
{
height: 163.8,
weight: 72.2,
age: 33,
},
{
height: 188,
weight: 83.6,
age: 29,
},
{
height: 198.1,
weight: 85.5,
age: 27,
},
{
height: 175.3,
weight: 90.9,
age: 34,
},
{
height: 166.4,
weight: 85.9,
age: 42,
},
{
height: 190.5,
weight: 89.1,
age: 29,
},
{
height: 166.4,
weight: 75,
age: 41,
},
{
height: 177.8,
weight: 77.7,
age: 43,
},
{
height: 179.7,
weight: 86.4,
age: 43,
},
{
height: 172.7,
weight: 90.9,
age: 29,
},
{
height: 190.5,
weight: 73.6,
age: 27,
},
{
height: 185.4,
weight: 76.4,
age: 62,
},
{
height: 168.9,
weight: 69.1,
age: 33,
},
{
height: 167.6,
weight: 84.5,
age: 45,
},
{
height: 175.3,
weight: 64.5,
age: 30,
},
{
height: 170.2,
weight: 69.1,
age: 20,
},
{
height: 190.5,
weight: 108.6,
age: 22,
},
{
height: 177.8,
weight: 86.4,
age: 51,
},
{
height: 190.5,
weight: 80.9,
age: 34,
},
{
height: 177.8,
weight: 87.7,
age: 44,
},
{
height: 184.2,
weight: 94.5,
age: 46,
},
{
height: 176.5,
weight: 80.2,
age: 34,
},
{
height: 177.8,
weight: 72,
age: 32,
},
{
height: 180.3,
weight: 71.4,
age: 28,
},
{
height: 171.4,
weight: 72.7,
age: 31,
},
{
height: 172.7,
weight: 84.1,
age: 29,
},
{
height: 172.7,
weight: 76.8,
age: 42,
},
{
height: 177.8,
weight: 63.6,
age: 29,
},
{
height: 177.8,
weight: 80.9,
age: 31,
},
{
height: 182.9,
weight: 80.9,
age: 30,
},
{
height: 170.2,
weight: 85.5,
age: 27,
},
{
height: 167.6,
weight: 68.6,
age: 25,
},
{
height: 175.3,
weight: 67.7,
age: 24,
},
{
height: 165.1,
weight: 66.4,
age: 33,
},
{
height: 185.4,
weight: 102.3,
age: 45,
},
{
height: 181.6,
weight: 70.5,
age: 37,
},
{
height: 172.7,
weight: 95.9,
age: 44,
},
{
height: 190.5,
weight: 84.1,
age: 34,
},
{
height: 179.1,
weight: 87.3,
age: 55,
},
{
height: 175.3,
weight: 71.8,
age: 43,
},
{
height: 170.2,
weight: 65.9,
age: 24,
},
{
height: 193,
weight: 95.9,
age: 22,
},
{
height: 171.4,
weight: 91.4,
age: 38,
},
{
height: 177.8,
weight: 81.8,
age: 24,
},
{
height: 177.8,
weight: 96.8,
age: 29,
},
{
height: 167.6,
weight: 69.1,
age: 25,
},
{
height: 167.6,
weight: 82.7,
age: 37,
},
{
height: 180.3,
weight: 75.5,
age: 30,
},
{
height: 182.9,
weight: 79.5,
age: 26,
},
{
height: 176.5,
weight: 73.6,
age: 35,
},
{
height: 186.7,
weight: 91.8,
age: 29,
},
{
height: 188,
weight: 84.1,
age: 30,
},
{
height: 188,
weight: 85.9,
age: 37,
},
{
height: 177.8,
weight: 81.8,
age: 34,
},
{
height: 174,
weight: 82.5,
age: 28,
},
{
height: 177.8,
weight: 80.5,
age: 27,
},
{
height: 171.4,
weight: 70,
age: 32,
},
{
height: 185.4,
weight: 81.8,
age: 28,
},
{
height: 185.4,
weight: 84.1,
age: 22,
},
{
height: 188,
weight: 90.5,
age: 44,
},
{
height: 188,
weight: 91.4,
age: 25,
},
{
height: 182.9,
weight: 89.1,
age: 49,
},
{
height: 176.5,
weight: 85,
age: 54,
},
{
height: 175.3,
weight: 69.1,
age: 49,
},
{
height: 175.3,
weight: 73.6,
age: 60,
},
{
height: 188,
weight: 80.5,
age: 42,
},
{
height: 188,
weight: 82.7,
age: 52,
},
{
height: 175.3,
weight: 86.4,
age: 23,
},
{
height: 170.5,
weight: 67.7,
age: 33,
},
{
height: 179.1,
weight: 92.7,
age: 46,
},
{
height: 177.8,
weight: 93.6,
age: 43,
},
{
height: 175.3,
weight: 70.9,
age: 56,
},
{
height: 182.9,
weight: 75,
age: 21,
},
{
height: 170.8,
weight: 93.2,
age: 18,
},
{
height: 188,
weight: 93.2,
age: 21,
},
{
height: 180.3,
weight: 77.7,
age: 45,
},
{
height: 177.8,
weight: 61.4,
age: 22,
},
{
height: 185.4,
weight: 94.1,
age: 55,
},
{
height: 168.9,
weight: 75,
age: 42,
},
{
height: 185.4,
weight: 83.6,
age: 29,
},
{
height: 180.3,
weight: 85.5,
age: 40,
},
{
height: 174,
weight: 73.9,
age: 24,
},
{
height: 167.6,
weight: 66.8,
age: 62,
},
{
height: 182.9,
weight: 87.3,
age: 26,
},
{
height: 160,
weight: 72.3,
age: 35,
},
{
height: 180.3,
weight: 88.6,
age: 37,
},
{
height: 167.6,
weight: 75.5,
age: 34,
},
{
height: 186.7,
weight: 101.4,
age: 25,
},
{
height: 175.3,
weight: 91.1,
age: 30,
},
{
height: 175.3,
weight: 67.3,
age: 32,
},
{
height: 175.9,
weight: 77.7,
age: 27,
},
{
height: 175.3,
weight: 81.8,
age: 42,
},
{
height: 179.1,
weight: 75.5,
age: 44,
},
{
height: 181.6,
weight: 84.5,
age: 46,
},
{
height: 177.8,
weight: 76.6,
age: 19,
},
{
height: 182.9,
weight: 85,
age: 43,
},
{
height: 177.8,
weight: 102.5,
age: 28,
},
{
height: 184.2,
weight: 77.3,
age: 39,
},
{
height: 179.1,
weight: 71.8,
age: 30,
},
{
height: 176.5,
weight: 87.9,
age: 36,
},
{
height: 188,
weight: 94.3,
age: 48,
},
{
height: 174,
weight: 70.9,
age: 48,
},
{
height: 167.6,
weight: 64.5,
age: 53,
},
{
height: 170.2,
weight: 77.3,
age: 45,
},
{
height: 167.6,
weight: 72.3,
age: 39,
},
{
height: 188,
weight: 87.3,
age: 43,
},
{
height: 174,
weight: 80,
age: 65,
},
{
height: 176.5,
weight: 82.3,
age: 45,
},
{
height: 180.3,
weight: 73.6,
age: 37,
},
{
height: 167.6,
weight: 74.1,
age: 55,
},
{
height: 188,
weight: 85.9,
age: 33,
},
{
height: 180.3,
weight: 73.2,
age: 25,
},
{
height: 167.6,
weight: 76.3,
age: 35,
},
{
height: 183,
weight: 65.9,
age: 28,
},
{
height: 183,
weight: 90.9,
age: 26,
},
{
height: 179.1,
weight: 89.1,
age: 43,
},
{
height: 170.2,
weight: 62.3,
age: 30,
},
{
height: 177.8,
weight: 82.7,
age: 26,
},
{
height: 179.1,
weight: 79.1,
age: 51,
},
{
height: 190.5,
weight: 98.2,
age: 30,
},
{
height: 177.8,
weight: 84.1,
age: 24,
},
{
height: 180.3,
weight: 83.2,
age: 35,
},
{
height: 180.3,
weight: 83.2,
age: 37,
},
];
export const femaleHeightWeight = [
{
height: 161.2,
weight: 51.6,
age: 22,
},
{
height: 167.5,
weight: 59,
age: 20,
},
{
height: 159.5,
weight: 49.2,
age: 19,
},
{
height: 157,
weight: 63,
age: 25,
},
{
height: 155.8,
weight: 53.6,
age: 21,
},
{
height: 170,
weight: 59,
age: 23,
},
{
height: 159.1,
weight: 47.6,
age: 26,
},
{
height: 166,
weight: 69.8,
age: 22,
},
{
height: 176.2,
weight: 66.8,
age: 28,
},
{
height: 160.2,
weight: 75.2,
age: 40,
},
{
height: 172.5,
weight: 55.2,
age: 32,
},
{
height: 170.9,
weight: 54.2,
age: 25,
},
{
height: 172.9,
weight: 62.5,
age: 25,
},
{
height: 153.4,
weight: 42,
age: 29,
},
{
height: 160,
weight: 50,
age: 22,
},
{
height: 147.2,
weight: 49.8,
age: 25,
},
{
height: 168.2,
weight: 49.2,
age: 23,
},
{
height: 175,
weight: 73.2,
age: 37,
},
{
height: 157,
weight: 47.8,
age: 19,
},
{
height: 167.6,
weight: 68.8,
age: 23,
},
{
height: 159.5,
weight: 50.6,
age: 25,
},
{
height: 175,
weight: 82.5,
age: 26,
},
{
height: 166.8,
weight: 57.2,
age: 24,
},
{
height: 176.5,
weight: 87.8,
age: 29,
},
{
height: 170.2,
weight: 72.8,
age: 22,
},
{
height: 174,
weight: 54.5,
age: 30,
},
{
height: 173,
weight: 59.8,
age: 23,
},
{
height: 179.9,
weight: 67.3,
age: 38,
},
{
height: 170.5,
weight: 67.8,
age: 23,
},
{
height: 160,
weight: 47,
age: 19,
},
{
height: 154.4,
weight: 46.2,
age: 46,
},
{
height: 162,
weight: 55,
age: 20,
},
{
height: 176.5,
weight: 83,
age: 22,
},
{
height: 160,
weight: 54.4,
age: 25,
},
{
height: 152,
weight: 45.8,
age: 21,
},
{
height: 162.1,
weight: 53.6,
age: 23,
},
{
height: 170,
weight: 73.2,
age: 31,
},
{
height: 160.2,
weight: 52.1,
age: 29,
},
{
height: 161.3,
weight: 67.9,
age: 19,
},
{
height: 166.4,
weight: 56.6,
age: 21,
},
{
height: 168.9,
weight: 62.3,
age: 23,
},
{
height: 163.8,
weight: 58.5,
age: 24,
},
{
height: 167.6,
weight: 54.5,
age: 20,
},
{
height: 160,
weight: 50.2,
age: 19,
},
{
height: 161.3,
weight: 60.3,
age: 20,
},
{
height: 167.6,
weight: 58.3,
age: 19,
},
{
height: 165.1,
weight: 56.2,
age: 20,
},
{
height: 160,
weight: 50.2,
age: 19,
},
{
height: 170,
weight: 72.9,
age: 22,
},
{
height: 157.5,
weight: 59.8,
age: 39,
},
{
height: 167.6,
weight: 61,
age: 18,
},
{
height: 160.7,
weight: 69.1,
age: 19,
},
{
height: 163.2,
weight: 55.9,
age: 26,
},
{
height: 152.4,
weight: 46.5,
age: 20,
},
{
height: 157.5,
weight: 54.3,
age: 20,
},
{
height: 168.3,
weight: 54.8,
age: 26,
},
{
height: 180.3,
weight: 60.7,
age: 21,
},
{
height: 165.5,
weight: 60,
age: 21,
},
{
height: 165,
weight: 62,
age: 38,
},
{
height: 164.5,
weight: 60.3,
age: 23,
},
{
height: 156,
weight: 52.7,
age: 37,
},
{
height: 160,
weight: 74.3,
age: 19,
},
{
height: 163,
weight: 62,
age: 25,
},
{
height: 165.7,
weight: 73.1,
age: 20,
},
{
height: 161,
weight: 80,
age: 41,
},
{
height: 162,
weight: 54.7,
age: 26,
},
{
height: 166,
weight: 53.2,
age: 21,
},
{
height: 174,
weight: 75.7,
age: 47,
},
{
height: 172.7,
weight: 61.1,
age: 19,
},
{
height: 167.6,
weight: 55.7,
age: 44,
},
{
height: 151.1,
weight: 48.7,
age: 35,
},
{
height: 164.5,
weight: 52.3,
age: 32,
},
{
height: 163.5,
weight: 50,
age: 46,
},
{
height: 152,
weight: 59.3,
age: 22,
},
{
height: 169,
weight: 62.5,
age: 49,
},
{
height: 164,
weight: 55.7,
age: 52,
},
{
height: 161.2,
weight: 54.8,
age: 25,
},
{
height: 155,
weight: 45.9,
age: 48,
},
{
height: 170,
weight: 70.6,
age: 41,
},
{
height: 176.2,
weight: 67.2,
age: 18,
},
{
height: 170,
weight: 69.4,
age: 30,
},
{
height: 162.5,
weight: 58.2,
age: 20,
},
{
height: 170.3,
weight: 64.8,
age: 24,
},
{
height: 164.1,
weight: 71.6,
age: 23,
},
{
height: 169.5,
weight: 52.8,
age: 30,
},
{
height: 163.2,
weight: 59.8,
age: 23,
},
{
height: 154.5,
weight: 49,
age: 45,
},
{
height: 159.8,
weight: 50,
age: 20,
},
{
height: 173.2,
weight: 69.2,
age: 20,
},
{
height: 170,
weight: 55.9,
age: 23,
},
{
height: 161.4,
weight: 63.4,
age: 21,
},
{
height: 169,
weight: 58.2,
age: 28,
},
{
height: 166.2,
weight: 58.6,
age: 45,
},
{
height: 159.4,
weight: 45.7,
age: 24,
},
{
height: 162.5,
weight: 52.2,
age: 25,
},
{
height: 159,
weight: 48.6,
age: 19,
},
{
height: 162.8,
weight: 57.8,
age: 20,
},
{
height: 159,
weight: 55.6,
age: 29,
},
{
height: 179.8,
weight: 66.8,
age: 24,
},
{
height: 162.9,
weight: 59.4,
age: 24,
},
{
height: 161,
weight: 53.6,
age: 25,
},
{
height: 151.1,
weight: 73.2,
age: 31,
},
{
height: 168.2,
weight: 53.4,
age: 22,
},
{
height: 168.9,
weight: 69,
age: 20,
},
{
height: 173.2,
weight: 58.4,
age: 32,
},
{
height: 171.8,
weight: 56.2,
age: 25,
},
{
height: 178,
weight: 70.6,
age: 19,
},
{
height: 164.3,
weight: 59.8,
age: 23,
},
{
height: 163,
weight: 72,
age: 22,
},
{
height: 168.5,
weight: 65.2,
age: 20,
},
{
height: 166.8,
weight: 56.6,
age: 27,
},
{
height: 172.7,
weight: 105.2,
age: 34,
},
{
height: 163.5,
weight: 51.8,
age: 25,
},
{
height: 169.4,
weight: 63.4,
age: 26,
},
{
height: 167.8,
weight: 59,
age: 19,
},
{
height: 159.5,
weight: 47.6,
age: 26,
},
{
height: 167.6,
weight: 63,
age: 25,
},
{
height: 161.2,
weight: 55.2,
age: 20,
},
{
height: 160,
weight: 45,
age: 21,
},
{
height: 163.2,
weight: 54,
age: 18,
},
{
height: 162.2,
weight: 50.2,
age: 19,
},
{
height: 161.3,
weight: 60.2,
age: 27,
},
{
height: 149.5,
weight: 44.8,
age: 26,
},
{
height: 157.5,
weight: 58.8,
age: 36,
},
{
height: 163.2,
weight: 56.4,
age: 20,
},
{
height: 172.7,
weight: 62,
age: 28,
},
{
height: 155,
weight: 49.2,
age: 32,
},
{
height: 156.5,
weight: 67.2,
age: 32,
},
{
height: 164,
weight: 53.8,
age: 23,
},
{
height: 160.9,
weight: 54.4,
age: 20,
},
{
height: 162.8,
weight: 58,
age: 20,
},
{
height: 167,
weight: 59.8,
age: 20,
},
{
height: 160,
weight: 54.8,
age: 23,
},
{
height: 160,
weight: 43.2,
age: 20,
},
{
height: 168.9,
weight: 60.5,
age: 28,
},
{
height: 158.2,
weight: 46.4,
age: 23,
},
{
height: 156,
weight: 64.4,
age: 19,
},
{
height: 160,
weight: 48.8,
age: 28,
},
{
height: 167.1,
weight: 62.2,
age: 19,
},
{
height: 158,
weight: 55.5,
age: 29,
},
{
height: 167.6,
weight: 57.8,
age: 32,
},
{
height: 156,
weight: 54.6,
age: 20,
},
{
height: 162.1,
weight: 59.2,
age: 28,
},
{
height: 173.4,
weight: 52.7,
age: 36,
},
{
height: 159.8,
weight: 53.2,
age: 22,
},
{
height: 170.5,
weight: 64.5,
age: 20,
},
{
height: 159.2,
weight: 51.8,
age: 22,
},
{
height: 157.5,
weight: 56,
age: 32,
},
{
height: 161.3,
weight: 63.6,
age: 40,
},
{
height: 162.6,
weight: 63.2,
age: 40,
},
{
height: 160,
weight: 59.5,
age: 42,
},
{
height: 168.9,
weight: 56.8,
age: 40,
},
{
height: 165.1,
weight: 64.1,
age: 44,
},
{
height: 162.6,
weight: 50,
age: 30,
},
{
height: 165.1,
weight: 72.3,
age: 28,
},
{
height: 166.4,
weight: 55,
age: 37,
},
{
height: 160,
weight: 55.9,
age: 40,
},
{
height: 152.4,
weight: 60.4,
age: 45,
},
{
height: 170.2,
weight: 69.1,
age: 35,
},
{
height: 162.6,
weight: 84.5,
age: 41,
},
{
height: 170.2,
weight: 55.9,
age: 27,
},
{
height: 158.8,
weight: 55.5,
age: 20,
},
{
height: 172.7,
weight: 69.5,
age: 24,
},
{
height: 167.6,
weight: 76.4,
age: 36,
},
{
height: 162.6,
weight: 61.4,
age: 27,
},
{
height: 167.6,
weight: 65.9,
age: 32,
},
{
height: 156.2,
weight: 58.6,
age: 64,
},
{
height: 175.2,
weight: 66.8,
age: 21,
},
{
height: 172.1,
weight: 56.6,
age: 32,
},
{
height: 162.6,
weight: 58.6,
age: 35,
},
{
height: 160,
weight: 55.9,
age: 41,
},
{
height: 165.1,
weight: 59.1,
age: 40,
},
{
height: 182.9,
weight: 81.8,
age: 29,
},
{
height: 166.4,
weight: 70.7,
age: 40,
},
{
height: 165.1,
weight: 56.8,
age: 24,
},
{
height: 177.8,
weight: 60,
age: 23,
},
{
height: 165.1,
weight: 58.2,
age: 41,
},
{
height: 175.3,
weight: 72.7,
age: 44,
},
{
height: 154.9,
weight: 54.1,
age: 53,
},
{
height: 158.8,
weight: 49.1,
age: 19,
},
{
height: 172.7,
weight: 75.9,
age: 24,
},
{
height: 168.9,
weight: 55,
age: 25,
},
{
height: 161.3,
weight: 57.3,
age: 20,
},
{
height: 167.6,
weight: 55,
age: 34,
},
{
height: 165.1,
weight: 65.5,
age: 32,
},
{
height: 175.3,
weight: 65.5,
age: 24,
},
{
height: 157.5,
weight: 48.6,
age: 29,
},
{
height: 163.8,
weight: 58.6,
age: 31,
},
{
height: 167.6,
weight: 63.6,
age: 34,
},
{
height: 165.1,
weight: 55.2,
age: 36,
},
{
height: 165.1,
weight: 62.7,
age: 32,
},
{
height: 168.9,
weight: 56.6,
age: 39,
},
{
height: 162.6,
weight: 53.9,
age: 37,
},
{
height: 164.5,
weight: 63.2,
age: 52,
},
{
height: 176.5,
weight: 73.6,
age: 24,
},
{
height: 168.9,
weight: 62,
age: 33,
},
{
height: 175.3,
weight: 63.6,
age: 42,
},
{
height: 159.4,
weight: 53.2,
age: 34,
},
{
height: 160,
weight: 53.4,
age: 37,
},
{
height: 170.2,
weight: 55,
age: 39,
},
{
height: 162.6,
weight: 70.5,
age: 41,
},
{
height: 167.6,
weight: 54.5,
age: 36,
},
{
height: 162.6,
weight: 54.5,
age: 19,
},
{
height: 160.7,
weight: 55.9,
age: 22,
},
{
height: 160,
weight: 59,
age: 23,
},
{
height: 157.5,
weight: 63.6,
age: 36,
},
{
height: 162.6,
weight: 54.5,
age: 45,
},
{
height: 152.4,
weight: 47.3,
age: 25,
},
{
height: 170.2,
weight: 67.7,
age: 67,
},
{
height: 165.1,
weight: 80.9,
age: 26,
},
{
height: 172.7,
weight: 70.5,
age: 21,
},
{
height: 165.1,
weight: 60.9,
age: 33,
},
{
height: 170.2,
weight: 63.6,
age: 25,
},
{
height: 170.2,
weight: 54.5,
age: 24,
},
{
height: 170.2,
weight: 59.1,
age: 21,
},
{
height: 161.3,
weight: 70.5,
age: 35,
},
{
height: 167.6,
weight: 52.7,
age: 27,
},
{
height: 167.6,
weight: 62.7,
age: 27,
},
{
height: 165.1,
weight: 86.3,
age: 26,
},
{
height: 162.6,
weight: 66.4,
age: 25,
},
{
height: 152.4,
weight: 67.3,
age: 44,
},
{
height: 168.9,
weight: 63,
age: 29,
},
{
height: 170.2,
weight: 73.6,
age: 26,
},
{
height: 175.2,
weight: 62.3,
age: 23,
},
{
height: 175.2,
weight: 57.7,
age: 32,
},
{
height: 160,
weight: 55.4,
age: 32,
},
{
height: 165.1,
weight: 104.1,
age: 43,
},
{
height: 174,
weight: 55.5,
age: 32,
},
{
height: 170.2,
weight: 77.3,
age: 41,
},
{
height: 160,
weight: 80.5,
age: 33,
},
{
height: 167.6,
weight: 64.5,
age: 28,
},
{
height: 167.6,
weight: 72.3,
age: 28,
},
{
height: 167.6,
weight: 61.4,
age: 25,
},
{
height: 154.9,
weight: 58.2,
age: 38,
},
{
height: 162.6,
weight: 81.8,
age: 37,
},
{
height: 175.3,
weight: 63.6,
age: 25,
},
{
height: 171.4,
weight: 53.4,
age: 37,
},
{
height: 157.5,
weight: 54.5,
age: 27,
},
{
height: 165.1,
weight: 53.6,
age: 27,
},
{
height: 160,
weight: 60,
age: 20,
},
{
height: 174,
weight: 73.6,
age: 19,
},
{
height: 162.6,
weight: 61.4,
age: 32,
},
{
height: 174,
weight: 55.5,
age: 26,
},
{
height: 162.6,
weight: 63.6,
age: 56,
},
{
height: 161.3,
weight: 60.9,
age: 23,
},
{
height: 156.2,
weight: 60,
age: 19,
},
{
height: 149.9,
weight: 46.8,
age: 31,
},
{
height: 169.5,
weight: 57.3,
age: 34,
},
{
height: 160,
weight: 64.1,
age: 34,
},
{
height: 175.3,
weight: 63.6,
age: 24,
},
{
height: 169.5,
weight: 67.3,
age: 22,
},
{
height: 160,
weight: 75.5,
age: 34,
},
{
height: 172.7,
weight: 68.2,
age: 30,
},
{
height: 162.6,
weight: 61.4,
age: 32,
},
{
height: 157.5,
weight: 76.8,
age: 40,
},
{
height: 176.5,
weight: 71.8,
age: 29,
},
{
height: 164.4,
weight: 55.5,
age: 21,
},
{
height: 160.7,
weight: 48.6,
age: 33,
},
{
height: 174,
weight: 66.4,
age: 33,
},
{
height: 163.8,
weight: 67.3,
age: 38,
},
];
It is possible to customise the fill, stroke and shape of the markers used in the Scatter Series.
{
series: [
{
//...
shape: 'square',
fill: '#e36f6ab5',
stroke: '#9f4e4a',
},
],
}In the above example, the 'females' series uses 'circle' markers and the 'male' series uses 'square' markers.
Please see the Series Markers page for more information or the API Reference for a list of all available styling options.
Labels Copy Link
To show labels for a Scatter Series set the label.enabled config of a series to true and specify which key should be used to fetch the label values.
import {
AgCartesianChartOptions,
AgCharts,
AgScatterSeriesOptions,
LegendModule,
ModuleRegistry,
NumberAxisModule,
ScatterSeriesModule,
} from "ag-charts-community";
import { femaleHeightWeight, maleHeightWeight } from "./height-weight-data";
ModuleRegistry.registerModules([
LegendModule,
NumberAxisModule,
ScatterSeriesModule,
]);
const options: AgCartesianChartOptions = {
title: {
text: "Weight vs Height",
},
subtitle: {
text: "With Name Labels",
},
series: [
{
type: "scatter",
title: "Male",
data: maleHeightWeight,
xKey: "height",
xName: "Height",
yKey: "weight",
yName: "Weight",
labelKey: "name",
labelName: "Name",
shape: "square",
fill: "#e36f6ab5",
stroke: "#9f4e4a",
label: { enabled: true },
},
{
type: "scatter",
title: "Female",
data: femaleHeightWeight,
xKey: "height",
xName: "Height",
yKey: "weight",
yName: "Weight",
labelKey: "name",
labelName: "Name",
fill: "#7b91deb5",
stroke: "#56659b",
label: { enabled: true },
},
],
axes: {
x: {
type: "number",
title: {
text: "Height",
},
label: {
formatter: (params) => {
return params.value + "cm";
},
},
},
y: {
type: "number",
title: {
text: "Weight",
},
label: {
formatter: (params) => {
return params.value + "kg";
},
},
},
},
};
options.container = document.getElementById("myChart");
const chart = AgCharts.create(options);
function updateFontSize(event: any) {
var value = +event.target.value;
(options.series![0] as AgScatterSeriesOptions).label!.fontSize = value;
(options.series![1] as AgScatterSeriesOptions).label!.fontSize = value;
document.getElementById("fontSizeSliderValue")!.innerHTML = String(value);
chart.update(options);
}
if (typeof window !== "undefined") {
// Attach external event handlers to window so they can be called from index.html
(<any>window).updateFontSize = updateFontSize;
}
export const maleHeightWeight = [
{
height: 174,
weight: 65.6,
age: 21,
name: "Liam",
},
{
height: 175.3,
weight: 71.8,
age: 23,
name: "Noah",
},
{
height: 193.5,
weight: 80.7,
age: 28,
name: "Oliver",
},
{
height: 186.5,
weight: 72.6,
age: 23,
name: "William",
},
{
height: 187.2,
weight: 78.8,
age: 22,
name: "Elijah",
},
{
height: 181.5,
weight: 74.8,
age: 21,
name: "James",
},
{
height: 184,
weight: 86.4,
age: 26,
name: "Benjamin",
},
{
height: 184.5,
weight: 78.4,
age: 27,
name: "Lucas",
},
{
height: 175,
weight: 62,
age: 23,
name: "Mason",
},
{
height: 184,
weight: 81.6,
age: 21,
name: "Ethan",
},
{
height: 180,
weight: 76.6,
age: 23,
name: "Alexander",
},
{
height: 177.8,
weight: 83.6,
age: 22,
name: "Henry",
},
{
height: 192,
weight: 90,
age: 20,
name: "Jacob",
},
{
height: 176,
weight: 74.6,
age: 26,
name: "Michael",
},
{
height: 174,
weight: 71,
age: 23,
name: "Daniel",
},
{
height: 184,
weight: 79.6,
age: 22,
name: "Logan",
},
{
height: 192.7,
weight: 93.8,
age: 30,
name: "Jackson",
},
{
height: 171.5,
weight: 70,
age: 22,
name: "Sebastian",
},
{
height: 173,
weight: 72.4,
age: 29,
name: "Jack",
},
{
height: 176,
weight: 85.9,
age: 22,
name: "Aiden",
},
{
height: 176,
weight: 78.8,
age: 22,
name: "Owen",
},
{
height: 180.5,
weight: 77.8,
age: 20,
name: "Samuel",
},
{
height: 172.7,
weight: 66.2,
age: 22,
name: "Matthew",
},
{
height: 176,
weight: 86.4,
age: 24,
name: "Joseph",
},
{
height: 173.5,
weight: 81.8,
age: 26,
name: "Levi",
},
{
height: 178,
weight: 89.6,
age: 24,
name: "Mateo",
},
{
height: 180.3,
weight: 82.8,
age: 21,
name: "David",
},
{
height: 180.3,
weight: 76.4,
age: 24,
name: "John",
},
{
height: 164.5,
weight: 63.2,
age: 23,
name: "Wyatt",
},
{
height: 173,
weight: 60.9,
age: 19,
name: "Carter",
},
{
height: 183.5,
weight: 74.8,
age: 23,
name: "Julian",
},
{
height: 175.5,
weight: 70,
age: 25,
name: "Luke",
},
{
height: 188,
weight: 72.4,
age: 23,
name: "Grayson",
},
{
height: 189.2,
weight: 84.1,
age: 23,
name: "Isaac",
},
{
height: 172.8,
weight: 69.1,
age: 23,
name: "Jayden",
},
{
height: 170,
weight: 59.5,
age: 20,
name: "Theodore",
},
{
height: 182,
weight: 67.2,
age: 22,
name: "Gabriel",
},
{
height: 170,
weight: 61.3,
age: 24,
name: "Anthony",
},
{
height: 177.8,
weight: 68.6,
age: 22,
name: "Dylan",
},
{
height: 184.2,
weight: 80.1,
age: 24,
name: "Leo",
},
{
height: 186.7,
weight: 87.8,
age: 21,
name: "Lincoln",
},
{
height: 171.4,
weight: 84.7,
age: 23,
name: "Jaxon",
},
{
height: 172.7,
weight: 73.4,
age: 24,
name: "Asher",
},
{
height: 175.3,
weight: 72.1,
age: 35,
name: "Christopher",
},
{
height: 180.3,
weight: 82.6,
age: 29,
name: "Josiah",
},
{
height: 182.9,
weight: 88.7,
age: 25,
name: "Andrew",
},
{
height: 188,
weight: 84.1,
age: 23,
name: "Thomas",
},
{
height: 177.2,
weight: 94.1,
age: 20,
name: "Joshua",
},
{
height: 172.1,
weight: 74.9,
age: 25,
name: "Ezra",
},
{
height: 167,
weight: 59.1,
age: 29,
name: "Hudson",
},
{
height: 169.5,
weight: 75.6,
age: 23,
name: "Charles",
},
{
height: 174,
weight: 86.2,
age: 23,
name: "Caleb",
},
{
height: 172.7,
weight: 75.3,
age: 36,
name: "Isaiah",
},
{
height: 182.2,
weight: 87.1,
age: 25,
name: "Ryan",
},
{
height: 164.1,
weight: 55.2,
age: 24,
name: "Nathan",
},
{
height: 163,
weight: 57,
age: 20,
name: "Adrian",
},
{
height: 171.5,
weight: 61.4,
age: 52,
name: "Christian",
},
{
height: 184.2,
weight: 76.8,
age: 50,
name: "Maverick",
},
{
height: 174,
weight: 86.8,
age: 46,
name: "Colton",
},
{
height: 174,
weight: 72.2,
age: 51,
name: "Elias",
},
{
height: 177,
weight: 71.6,
age: 28,
name: "Aaron",
},
{
height: 186,
weight: 84.8,
age: 48,
name: "Eli",
},
{
height: 167,
weight: 68.2,
age: 35,
name: "Landon",
},
{
height: 171.8,
weight: 66.1,
age: 23,
name: "Jonathan",
},
{
height: 182,
weight: 72,
age: 23,
name: "Nolan",
},
{
height: 167,
weight: 64.6,
age: 62,
name: "Hunter",
},
{
height: 177.8,
weight: 74.8,
age: 21,
name: "Cameron",
},
{
height: 164.5,
weight: 70,
age: 26,
name: "Connor",
},
{
height: 192,
weight: 101.6,
age: 33,
name: "Santiago",
},
{
height: 175.5,
weight: 63.2,
age: 36,
name: "Jeremiah",
},
{
height: 171.2,
weight: 79.1,
age: 41,
name: "Ezekiel",
},
{
height: 181.6,
weight: 78.9,
age: 40,
name: "Angel",
},
{
height: 167.4,
weight: 67.7,
age: 27,
name: "Roman",
},
{
height: 181.1,
weight: 66,
age: 27,
name: "Easton",
},
{
height: 177,
weight: 68.2,
age: 23,
name: "Miles",
},
{
height: 174.5,
weight: 63.9,
age: 31,
name: "Robert",
},
{
height: 177.5,
weight: 72,
age: 26,
name: "Jameson",
},
{
height: 170.5,
weight: 56.8,
age: 23,
name: "Nicholas",
},
{
height: 182.4,
weight: 74.5,
age: 24,
name: "Greyson",
},
{
height: 197.1,
weight: 90.9,
age: 24,
name: "Cooper",
},
{
height: 180.1,
weight: 93,
age: 34,
name: "Ian",
},
{
height: 175.5,
weight: 80.9,
age: 21,
name: "Carson",
},
{
height: 180.6,
weight: 72.7,
age: 25,
name: "Axel",
},
{
height: 184.4,
weight: 68,
age: 34,
name: "Jaxson",
},
{
height: 175.5,
weight: 70.9,
age: 31,
name: "Dominic",
},
{
height: 180.6,
weight: 72.5,
age: 40,
name: "Leonardo",
},
{
height: 177,
weight: 72.5,
age: 21,
name: "Luca",
},
{
height: 177.1,
weight: 83.4,
age: 33,
name: "Austin",
},
{
height: 181.6,
weight: 75.5,
age: 25,
name: "Jordan",
},
{
height: 176.5,
weight: 73,
age: 29,
name: "Adam",
},
{
height: 175,
weight: 70.2,
age: 27,
name: "Xavier",
},
{
height: 174,
weight: 73.4,
age: 44,
name: "Jose",
},
{
height: 165.1,
weight: 70.5,
age: 26,
name: "Jace",
},
{
height: 177,
weight: 68.9,
age: 22,
name: "Everett",
},
{
height: 192,
weight: 102.3,
age: 37,
name: "Declan",
},
{
height: 176.5,
weight: 68.4,
age: 38,
name: "Evan",
},
{
height: 169.4,
weight: 65.9,
age: 20,
name: "Kayden",
},
{
height: 182.1,
weight: 75.7,
age: 21,
name: "Parker",
},
{
height: 179.8,
weight: 84.5,
age: 24,
name: "Wesley",
},
{
height: 175.3,
weight: 87.7,
age: 45,
name: "Kai",
},
{
height: 184.9,
weight: 86.4,
age: 25,
name: "Alan",
},
{
height: 177.3,
weight: 73.2,
age: 22,
name: "Allan",
},
{
height: 167.4,
weight: 53.9,
age: 29,
name: "Allen",
},
{
height: 178.1,
weight: 72,
age: 37,
name: "Brian",
},
{
height: 168.9,
weight: 55.5,
age: 20,
name: "Bryan",
},
{
height: 157.2,
weight: 58.4,
age: 20,
name: "Cole",
},
{
height: 180.3,
weight: 83.2,
age: 32,
name: "Colin",
},
{
height: 170.2,
weight: 72.7,
age: 23,
name: "Collin",
},
{
height: 177.8,
weight: 64.1,
age: 25,
name: "Conner",
},
{
height: 172.7,
weight: 72.3,
age: 27,
name: "Conor",
},
{
height: 165.1,
weight: 65,
age: 21,
name: "Corey",
},
{
height: 186.7,
weight: 86.4,
age: 27,
name: "Cory",
},
{
height: 165.1,
weight: 65,
age: 25,
name: "Damian",
},
{
height: 174,
weight: 88.6,
age: 38,
name: "Damien",
},
{
height: 175.3,
weight: 84.1,
age: 44,
name: "Damon",
},
{
height: 185.4,
weight: 66.8,
age: 27,
name: "Derek",
},
{
height: 177.8,
weight: 75.5,
age: 37,
name: "Derrick",
},
{
height: 180.3,
weight: 93.2,
age: 28,
name: "Devin",
},
{
height: 180.3,
weight: 82.7,
age: 33,
name: "Devon",
},
{
height: 177.8,
weight: 58,
age: 25,
name: "Dilan",
},
{
height: 177.8,
weight: 79.5,
age: 21,
name: "Dillon",
},
{
height: 177.8,
weight: 78.6,
age: 30,
name: "Dominick",
},
{
height: 177.8,
weight: 71.8,
age: 26,
name: "Dominik",
},
{
height: 177.8,
weight: 116.4,
age: 27,
name: "Donovan",
},
{
height: 163.8,
weight: 72.2,
age: 33,
name: "Dorian",
},
{
height: 188,
weight: 83.6,
age: 29,
name: "Douglas",
},
{
height: 198.1,
weight: 85.5,
age: 27,
name: "Drake",
},
{
height: 175.3,
weight: 90.9,
age: 34,
name: "Duke",
},
{
height: 166.4,
weight: 85.9,
age: 42,
name: "Dustin",
},
{
height: 190.5,
weight: 89.1,
age: 29,
name: "Eric",
},
{
height: 166.4,
weight: 75,
age: 41,
name: "Erick",
},
{
height: 177.8,
weight: 77.7,
age: 43,
name: "Erik",
},
{
height: 179.7,
weight: 86.4,
age: 43,
name: "Gary",
},
{
height: 172.7,
weight: 90.9,
age: 29,
name: "Gavin",
},
{
height: 190.5,
weight: 73.6,
age: 27,
name: "Gunnar",
},
{
height: 185.4,
weight: 76.4,
age: 62,
name: "Gunner",
},
{
height: 168.9,
weight: 69.1,
age: 33,
name: "Jared",
},
{
height: 167.6,
weight: 84.5,
age: 45,
name: "Jason",
},
{
height: 175.3,
weight: 64.5,
age: 30,
name: "Jefferson",
},
{
height: 170.2,
weight: 69.1,
age: 20,
name: "Jeffrey",
},
{
height: 190.5,
weight: 108.6,
age: 22,
name: "Jeremy",
},
{
height: 177.8,
weight: 86.4,
age: 51,
name: "Joel",
},
{
height: 190.5,
weight: 80.9,
age: 34,
name: "Justin",
},
{
height: 177.8,
weight: 87.7,
age: 44,
name: "Keith",
},
{
height: 184.2,
weight: 94.5,
age: 46,
name: "Kenneth",
},
{
height: 176.5,
weight: 80.2,
age: 34,
name: "Kevin",
},
{
height: 177.8,
weight: 72,
age: 32,
name: "Kieran",
},
{
height: 180.3,
weight: 71.4,
age: 28,
name: "Kingsley",
},
{
height: 171.4,
weight: 72.7,
age: 31,
name: "Kyle",
},
{
height: 172.7,
weight: 84.1,
age: 29,
name: "Marc",
},
{
height: 172.7,
weight: 76.8,
age: 42,
name: "Mark",
},
{
height: 177.8,
weight: 63.6,
age: 29,
name: "Mathew",
},
{
height: 177.8,
weight: 80.9,
age: 31,
name: "Mitchell",
},
{
height: 182.9,
weight: 80.9,
age: 30,
name: "Morgan",
},
{
height: 170.2,
weight: 85.5,
age: 27,
name: "Nelson",
},
{
height: 167.6,
weight: 68.6,
age: 25,
name: "Nicolas",
},
{
height: 175.3,
weight: 67.7,
age: 24,
name: "Noel",
},
{
height: 165.1,
weight: 66.4,
age: 33,
name: "Rhett",
},
{
height: 185.4,
weight: 102.3,
age: 45,
name: "Rhys",
},
{
height: 181.6,
weight: 70.5,
age: 37,
name: "Riley",
},
{
height: 172.7,
weight: 95.9,
age: 44,
name: "Robin",
},
{
height: 190.5,
weight: 84.1,
age: 34,
name: "Scott",
},
{
height: 179.1,
weight: 87.3,
age: 55,
name: "Abdullah",
},
{
height: 175.3,
weight: 71.8,
age: 43,
name: "Abraham",
},
{
height: 170.2,
weight: 65.9,
age: 24,
name: "Abram",
},
{
height: 193,
weight: 95.9,
age: 22,
name: "Ahmad",
},
{
height: 171.4,
weight: 91.4,
age: 38,
name: "Ahmed",
},
{
height: 177.8,
weight: 81.8,
age: 24,
name: "Albert",
},
{
height: 177.8,
weight: 96.8,
age: 29,
name: "Alfred",
},
{
height: 167.6,
weight: 69.1,
age: 25,
name: "Alistair",
},
{
height: 167.6,
weight: 82.7,
age: 37,
name: "Ambrose",
},
{
height: 180.3,
weight: 75.5,
age: 30,
name: "Arthur",
},
{
height: 182.9,
weight: 79.5,
age: 26,
name: "Asa",
},
{
height: 176.5,
weight: 73.6,
age: 35,
name: "Atticus",
},
{
height: 186.7,
weight: 91.8,
age: 29,
name: "Calvin",
},
{
height: 188,
weight: 84.1,
age: 30,
name: "Carl",
},
{
height: 188,
weight: 85.9,
age: 37,
name: "Curtis",
},
{
height: 177.8,
weight: 81.8,
age: 34,
name: "Cyrus",
},
{
height: 174,
weight: 82.5,
age: 28,
name: "Dennis",
},
{
height: 177.8,
weight: 80.5,
age: 27,
name: "Desmond",
},
{
height: 171.4,
weight: 70,
age: 32,
name: "Dexter",
},
{
height: 185.4,
weight: 81.8,
age: 28,
name: "Donald",
},
{
height: 185.4,
weight: 84.1,
age: 22,
name: "Edgar",
},
{
height: 188,
weight: 90.5,
age: 44,
name: "Edward",
},
{
height: 188,
weight: 91.4,
age: 25,
name: "Edwin",
},
{
height: 182.9,
weight: 89.1,
age: 49,
name: "Eithan",
},
{
height: 176.5,
weight: 85,
age: 54,
name: "Elliot",
},
{
height: 175.3,
weight: 69.1,
age: 49,
name: "Elliott",
},
{
height: 175.3,
weight: 73.6,
age: 60,
name: "Emanuel",
},
{
height: 188,
weight: 80.5,
age: 42,
name: "Emmanuel",
},
{
height: 188,
weight: 82.7,
age: 52,
name: "Emmett",
},
{
height: 175.3,
weight: 86.4,
age: 23,
name: "Emmitt",
},
{
height: 170.5,
weight: 67.7,
age: 33,
name: "Eugene",
},
{
height: 179.1,
weight: 92.7,
age: 46,
name: "Felix",
},
{
height: 177.8,
weight: 93.6,
age: 43,
name: "Francis",
},
{
height: 175.3,
weight: 70.9,
age: 56,
name: "Frank",
},
{
height: 182.9,
weight: 75,
age: 21,
name: "Franklin",
},
{
height: 170.8,
weight: 93.2,
age: 18,
name: "Frederick",
},
{
height: 188,
weight: 93.2,
age: 21,
name: "George",
},
{
height: 180.3,
weight: 77.7,
age: 45,
name: "Gerald",
},
{
height: 177.8,
weight: 61.4,
age: 22,
name: "Gideon",
},
{
height: 185.4,
weight: 94.1,
age: 55,
name: "Gordon",
},
{
height: 168.9,
weight: 75,
age: 42,
name: "Graham",
},
{
height: 185.4,
weight: 83.6,
age: 29,
name: "Grant",
},
{
height: 180.3,
weight: 85.5,
age: 40,
name: "Graysen",
},
{
height: 174,
weight: 73.9,
age: 24,
name: "Gregory",
},
{
height: 167.6,
weight: 66.8,
age: 62,
name: "Hank",
},
{
height: 182.9,
weight: 87.3,
age: 26,
name: "Harold",
},
{
height: 160,
weight: 72.3,
age: 35,
name: "Harrison",
},
{
height: 180.3,
weight: 88.6,
age: 37,
name: "Harvey",
},
{
height: 167.6,
weight: 75.5,
age: 34,
name: "Hector",
},
{
height: 186.7,
weight: 101.4,
age: 25,
name: "Howard",
},
{
height: 175.3,
weight: 91.1,
age: 30,
name: "Hugh",
},
{
height: 175.3,
weight: 67.3,
age: 32,
name: "Ibrahim",
},
{
height: 175.9,
weight: 77.7,
age: 27,
name: "Ira",
},
{
height: 175.3,
weight: 81.8,
age: 42,
name: "Ismael",
},
{
height: 179.1,
weight: 75.5,
age: 44,
name: "Israel",
},
{
height: 181.6,
weight: 84.5,
age: 46,
name: "Jericho",
},
{
height: 177.8,
weight: 76.6,
age: 19,
name: "Jermaine",
},
{
height: 182.9,
weight: 85,
age: 43,
name: "Jerome",
},
{
height: 177.8,
weight: 102.5,
age: 28,
name: "Jonas",
},
{
height: 184.2,
weight: 77.3,
age: 39,
name: "Judah",
},
{
height: 179.1,
weight: 71.8,
age: 30,
name: "Jude",
},
{
height: 176.5,
weight: 87.9,
age: 36,
name: "Kareem",
},
{
height: 188,
weight: 94.3,
age: 48,
name: "Lance",
},
{
height: 174,
weight: 70.9,
age: 48,
name: "Langston",
},
{
height: 167.6,
weight: 64.5,
age: 53,
name: "Larry",
},
{
height: 170.2,
weight: 77.3,
age: 45,
name: "Lawrence",
},
{
height: 167.6,
weight: 72.3,
age: 39,
name: "Leland",
},
{
height: 188,
weight: 87.3,
age: 43,
name: "Leonard",
},
{
height: 174,
weight: 80,
age: 65,
name: "Leroy",
},
{
height: 176.5,
weight: 82.3,
age: 45,
name: "Lewis",
},
{
height: 180.3,
weight: 73.6,
age: 37,
name: "Lionel",
},
{
height: 167.6,
weight: 74.1,
age: 55,
name: "Louis",
},
{
height: 188,
weight: 85.9,
age: 33,
name: "Lucian",
},
{
height: 180.3,
weight: 73.2,
age: 25,
name: "Luis",
},
{
height: 167.6,
weight: 76.3,
age: 35,
name: "Lukas",
},
{
height: 183,
weight: 65.9,
age: 28,
name: "Lyle",
},
{
height: 183,
weight: 90.9,
age: 26,
name: "Malachi",
},
{
height: 179.1,
weight: 89.1,
age: 43,
name: "Malcolm",
},
{
height: 170.2,
weight: 62.3,
age: 30,
name: "Marshall",
},
{
height: 177.8,
weight: 82.7,
age: 26,
name: "Martin",
},
{
height: 179.1,
weight: 79.1,
age: 51,
name: "Marvin",
},
{
height: 190.5,
weight: 98.2,
age: 30,
name: "Mathias",
},
{
height: 177.8,
weight: 84.1,
age: 24,
name: "Matias",
},
{
height: 180.3,
weight: 83.2,
age: 35,
name: "Matthias",
},
{
height: 180.3,
weight: 83.2,
age: 37,
name: "Maxwell",
},
];
export const femaleHeightWeight = [
{
height: 161.2,
weight: 51.6,
age: 22,
name: "Olivia",
},
{
height: 167.5,
weight: 59,
age: 20,
name: "Emma",
},
{
height: 159.5,
weight: 49.2,
age: 19,
name: "Ava",
},
{
height: 157,
weight: 63,
age: 25,
name: "Sophia",
},
{
height: 155.8,
weight: 53.6,
age: 21,
name: "Isabella",
},
{
height: 170,
weight: 59,
age: 23,
name: "Charlotte",
},
{
height: 159.1,
weight: 47.6,
age: 26,
name: "Amelia",
},
{
height: 166,
weight: 69.8,
age: 22,
name: "Mia",
},
{
height: 176.2,
weight: 66.8,
age: 28,
name: "Harper",
},
{
height: 160.2,
weight: 75.2,
age: 40,
name: "Evelyn",
},
{
height: 172.5,
weight: 55.2,
age: 32,
name: "Abigail",
},
{
height: 170.9,
weight: 54.2,
age: 25,
name: "Emily",
},
{
height: 172.9,
weight: 62.5,
age: 25,
name: "Ella",
},
{
height: 153.4,
weight: 42,
age: 29,
name: "Elizabeth",
},
{
height: 160,
weight: 50,
age: 22,
name: "Camila",
},
{
height: 147.2,
weight: 49.8,
age: 25,
name: "Luna",
},
{
height: 168.2,
weight: 49.2,
age: 23,
name: "Sofia",
},
{
height: 175,
weight: 73.2,
age: 37,
name: "Avery",
},
{
height: 157,
weight: 47.8,
age: 19,
name: "Mila",
},
{
height: 167.6,
weight: 68.8,
age: 23,
name: "Aria",
},
{
height: 159.5,
weight: 50.6,
age: 25,
name: "Scarlett",
},
{
height: 175,
weight: 82.5,
age: 26,
name: "Penelope",
},
{
height: 166.8,
weight: 57.2,
age: 24,
name: "Layla",
},
{
height: 176.5,
weight: 87.8,
age: 29,
name: "Chloe",
},
{
height: 170.2,
weight: 72.8,
age: 22,
name: "Victoria",
},
{
height: 174,
weight: 54.5,
age: 30,
name: "Madison",
},
{
height: 173,
weight: 59.8,
age: 23,
name: "Eleanor",
},
{
height: 179.9,
weight: 67.3,
age: 38,
name: "Grace",
},
{
height: 170.5,
weight: 67.8,
age: 23,
name: "Nora",
},
{
height: 160,
weight: 47,
age: 19,
name: "Riley",
},
{
height: 154.4,
weight: 46.2,
age: 46,
name: "Zoey",
},
{
height: 162,
weight: 55,
age: 20,
name: "Hannah",
},
{
height: 176.5,
weight: 83,
age: 22,
name: "Hazel",
},
{
height: 160,
weight: 54.4,
age: 25,
name: "Lily",
},
{
height: 152,
weight: 45.8,
age: 21,
name: "Ellie",
},
{
height: 162.1,
weight: 53.6,
age: 23,
name: "Violet",
},
{
height: 170,
weight: 73.2,
age: 31,
name: "Lillian",
},
{
height: 160.2,
weight: 52.1,
age: 29,
name: "Zoe",
},
{
height: 161.3,
weight: 67.9,
age: 19,
name: "Stella",
},
{
height: 166.4,
weight: 56.6,
age: 21,
name: "Aurora",
},
{
height: 168.9,
weight: 62.3,
age: 23,
name: "Natalie",
},
{
height: 163.8,
weight: 58.5,
age: 24,
name: "Emilia",
},
{
height: 167.6,
weight: 54.5,
age: 20,
name: "Everly",
},
{
height: 160,
weight: 50.2,
age: 19,
name: "Leah",
},
{
height: 161.3,
weight: 60.3,
age: 20,
name: "Aubrey",
},
{
height: 167.6,
weight: 58.3,
age: 19,
name: "Willow",
},
{
height: 165.1,
weight: 56.2,
age: 20,
name: "Addison",
},
{
height: 160,
weight: 50.2,
age: 19,
name: "Lucy",
},
{
height: 170,
weight: 72.9,
age: 22,
name: "Audrey",
},
{
height: 157.5,
weight: 59.8,
age: 39,
name: "Bella",
},
{
height: 167.6,
weight: 61,
age: 18,
name: "Nova",
},
{
height: 160.7,
weight: 69.1,
age: 19,
name: "Brooklyn",
},
{
height: 163.2,
weight: 55.9,
age: 26,
name: "Paisley",
},
{
height: 152.4,
weight: 46.5,
age: 20,
name: "Savannah",
},
{
height: 157.5,
weight: 54.3,
age: 20,
name: "Claire",
},
{
height: 168.3,
weight: 54.8,
age: 26,
name: "Skylar",
},
{
height: 180.3,
weight: 60.7,
age: 21,
name: "Isla",
},
{
height: 165.5,
weight: 60,
age: 21,
name: "Genesis",
},
{
height: 165,
weight: 62,
age: 38,
name: "Naomi",
},
{
height: 164.5,
weight: 60.3,
age: 23,
name: "Elena",
},
{
height: 156,
weight: 52.7,
age: 37,
name: "Caroline",
},
{
height: 160,
weight: 74.3,
age: 19,
name: "Eliana",
},
{
height: 163,
weight: 62,
age: 25,
name: "Anna",
},
{
height: 165.7,
weight: 73.1,
age: 20,
name: "Maya",
},
{
height: 161,
weight: 80,
age: 41,
name: "Valentina",
},
{
height: 162,
weight: 54.7,
age: 26,
name: "Ruby",
},
{
height: 166,
weight: 53.2,
age: 21,
name: "Kennedy",
},
{
height: 174,
weight: 75.7,
age: 47,
name: "Ivy",
},
{
height: 172.7,
weight: 61.1,
age: 19,
name: "Ariana",
},
{
height: 167.6,
weight: 55.7,
age: 44,
name: "Aaliyah",
},
{
height: 151.1,
weight: 48.7,
age: 35,
name: "Cora",
},
{
height: 164.5,
weight: 52.3,
age: 32,
name: "Madelyn",
},
{
height: 163.5,
weight: 50,
age: 46,
name: "Alice",
},
{
height: 152,
weight: 59.3,
age: 22,
name: "Kinsley",
},
{
height: 169,
weight: 62.5,
age: 49,
name: "Hailey",
},
{
height: 164,
weight: 55.7,
age: 52,
name: "Gabriella",
},
{
height: 161.2,
weight: 54.8,
age: 25,
name: "Allison",
},
{
height: 155,
weight: 45.9,
age: 48,
name: "Gianna",
},
{
height: 170,
weight: 70.6,
age: 41,
name: "Serenity",
},
{
height: 176.2,
weight: 67.2,
age: 18,
name: "Samantha",
},
{
height: 170,
weight: 69.4,
age: 30,
name: "Sarah",
},
{
height: 162.5,
weight: 58.2,
age: 20,
name: "Autumn",
},
{
height: 170.3,
weight: 64.8,
age: 24,
name: "Quinn",
},
{
height: 164.1,
weight: 71.6,
age: 23,
name: "Eva",
},
{
height: 169.5,
weight: 52.8,
age: 30,
name: "Piper",
},
{
height: 163.2,
weight: 59.8,
age: 23,
name: "Sophie",
},
{
height: 154.5,
weight: 49,
age: 45,
name: "Sadie",
},
{
height: 159.8,
weight: 50,
age: 20,
name: "Delilah",
},
{
height: 173.2,
weight: 69.2,
age: 20,
name: "Josephine",
},
{
height: 170,
weight: 55.9,
age: 23,
name: "Nevaeh",
},
{
height: 161.4,
weight: 63.4,
age: 21,
name: "Adeline",
},
{
height: 169,
weight: 58.2,
age: 28,
name: "Arya",
},
{
height: 166.2,
weight: 58.6,
age: 45,
name: "Emery",
},
{
height: 159.4,
weight: 45.7,
age: 24,
name: "Lydia",
},
{
height: 162.5,
weight: 52.2,
age: 25,
name: "Clara",
},
{
height: 159,
weight: 48.6,
age: 19,
name: "Vivian",
},
{
height: 162.8,
weight: 57.8,
age: 20,
name: "Madeline",
},
{
height: 159,
weight: 55.6,
age: 29,
name: "Peyton",
},
{
height: 179.8,
weight: 66.8,
age: 24,
name: "Julia",
},
{
height: 162.9,
weight: 59.4,
age: 24,
name: "Rylee",
},
{
height: 161,
weight: 53.6,
age: 25,
name: "Adele",
},
{
height: 151.1,
weight: 73.2,
age: 31,
name: "Adriana",
},
{
height: 168.2,
weight: 53.4,
age: 22,
name: "Adrianna",
},
{
height: 168.9,
weight: 69,
age: 20,
name: "Alexa",
},
{
height: 173.2,
weight: 58.4,
age: 32,
name: "Alexandra",
},
{
height: 171.8,
weight: 56.2,
age: 25,
name: "Alicia",
},
{
height: 178,
weight: 70.6,
age: 19,
name: "Alison",
},
{
height: 164.3,
weight: 59.8,
age: 23,
name: "Amanda",
},
{
height: 163,
weight: 72,
age: 22,
name: "Amy",
},
{
height: 168.5,
weight: 65.2,
age: 20,
name: "Andrea",
},
{
height: 166.8,
weight: 56.6,
age: 27,
name: "Angela",
},
{
height: 172.7,
weight: 105.2,
age: 34,
name: "Angelica",
},
{
height: 163.5,
weight: 51.8,
age: 25,
name: "Ashley",
},
{
height: 169.4,
weight: 63.4,
age: 26,
name: "Bethany",
},
{
height: 167.8,
weight: 59,
age: 19,
name: "Bianca",
},
{
height: 159.5,
weight: 47.6,
age: 26,
name: "Bridget",
},
{
height: 167.6,
weight: 63,
age: 25,
name: "Brittany",
},
{
height: 161.2,
weight: 55.2,
age: 20,
name: "Brooke",
},
{
height: 160,
weight: 45,
age: 21,
name: "Carly",
},
{
height: 163.2,
weight: 54,
age: 18,
name: "Catalina",
},
{
height: 162.2,
weight: 50.2,
age: 19,
name: "Catherine",
},
{
height: 161.3,
weight: 60.2,
age: 27,
name: "Christina",
},
{
height: 149.5,
weight: 44.8,
age: 26,
name: "Christine",
},
{
height: 157.5,
weight: 58.8,
age: 36,
name: "Clarissa",
},
{
height: 163.2,
weight: 56.4,
age: 20,
name: "Cynthia",
},
{
height: 172.7,
weight: 62,
age: 28,
name: "Dana",
},
{
height: 155,
weight: 49.2,
age: 32,
name: "Danielle",
},
{
height: 156.5,
weight: 67.2,
age: 32,
name: "Diana",
},
{
height: 164,
weight: 53.8,
age: 23,
name: "Eden",
},
{
height: 160.9,
weight: 54.4,
age: 20,
name: "Eileen",
},
{
height: 162.8,
weight: 58,
age: 20,
name: "Elisabeth",
},
{
height: 167,
weight: 59.8,
age: 20,
name: "Elise",
},
{
height: 160,
weight: 54.8,
age: 23,
name: "Elle",
},
{
height: 160,
weight: 43.2,
age: 20,
name: "Ellen",
},
{
height: 168.9,
weight: 60.5,
age: 28,
name: "Erin",
},
{
height: 158.2,
weight: 46.4,
age: 23,
name: "Eve",
},
{
height: 156,
weight: 64.4,
age: 19,
name: "Gabrielle",
},
{
height: 160,
weight: 48.8,
age: 28,
name: "Hope",
},
{
height: 167.1,
weight: 62.2,
age: 19,
name: "Ingrid",
},
{
height: 158,
weight: 55.5,
age: 29,
name: "Irene",
},
{
height: 167.6,
weight: 57.8,
age: 32,
name: "Isabel",
},
{
height: 156,
weight: 54.6,
age: 20,
name: "Isabela",
},
{
height: 162.1,
weight: 59.2,
age: 28,
name: "Isabelle",
},
{
height: 173.4,
weight: 52.7,
age: 36,
name: "Jennifer",
},
{
height: 159.8,
weight: 53.2,
age: 22,
name: "Jessica",
},
{
height: 170.5,
weight: 64.5,
age: 20,
name: "Jillian",
},
{
height: 159.2,
weight: 51.8,
age: 22,
name: "Joanna",
},
{
height: 157.5,
weight: 56,
age: 32,
name: "Jocelyn",
},
{
height: 161.3,
weight: 63.6,
age: 40,
name: "Johanna",
},
{
height: 162.6,
weight: 63.2,
age: 40,
name: "Juliana",
},
{
height: 160,
weight: 59.5,
age: 42,
name: "Julie",
},
{
height: 168.9,
weight: 56.8,
age: 40,
name: "Karen",
},
{
height: 165.1,
weight: 64.1,
age: 44,
name: "Katherine",
},
{
height: 162.6,
weight: 50,
age: 30,
name: "Kathleen",
},
{
height: 165.1,
weight: 72.3,
age: 28,
name: "Kayla",
},
{
height: 166.4,
weight: 55,
age: 37,
name: "Kelly",
},
{
height: 160,
weight: 55.9,
age: 40,
name: "Kendra",
},
{
height: 152.4,
weight: 60.4,
age: 45,
name: "Kimber",
},
{
height: 170.2,
weight: 69.1,
age: 35,
name: "Kimberly",
},
{
height: 162.6,
weight: 84.5,
age: 41,
name: "Laila",
},
{
height: 170.2,
weight: 55.9,
age: 27,
name: "Laura",
},
{
height: 158.8,
weight: 55.5,
age: 20,
name: "Lauren",
},
{
height: 172.7,
weight: 69.5,
age: 24,
name: "Leslie",
},
{
height: 167.6,
weight: 76.4,
age: 36,
name: "Lila",
},
{
height: 162.6,
weight: 61.4,
age: 27,
name: "Linda",
},
{
height: 167.6,
weight: 65.9,
age: 32,
name: "Lindsey",
},
{
height: 156.2,
weight: 58.6,
age: 64,
name: "Lisa",
},
{
height: 175.2,
weight: 66.8,
age: 21,
name: "Livia",
},
{
height: 172.1,
weight: 56.6,
age: 32,
name: "Lyla",
},
{
height: 162.6,
weight: 58.6,
age: 35,
name: "Madeleine",
},
{
height: 160,
weight: 55.9,
age: 41,
name: "Maeve",
},
{
height: 165.1,
weight: 59.1,
age: 40,
name: "Marina",
},
{
height: 182.9,
weight: 81.8,
age: 29,
name: "Megan",
},
{
height: 166.4,
weight: 70.7,
age: 40,
name: "Meghan",
},
{
height: 165.1,
weight: 56.8,
age: 24,
name: "Melanie",
},
{
height: 177.8,
weight: 60,
age: 23,
name: "Melissa",
},
{
height: 165.1,
weight: 58.2,
age: 41,
name: "Meredith",
},
{
height: 175.3,
weight: 72.7,
age: 44,
name: "Michelle",
},
{
height: 154.9,
weight: 54.1,
age: 53,
name: "Miranda",
},
{
height: 158.8,
weight: 49.1,
age: 19,
name: "Monica",
},
{
height: 172.7,
weight: 75.9,
age: 24,
name: "Mya",
},
{
height: 168.9,
weight: 55,
age: 25,
name: "Nadia",
},
{
height: 161.3,
weight: 57.3,
age: 20,
name: "Natasha",
},
{
height: 167.6,
weight: 55,
age: 34,
name: "Nathalie",
},
{
height: 165.1,
weight: 65.5,
age: 32,
name: "Nicole",
},
{
height: 175.3,
weight: 65.5,
age: 24,
name: "Noelle",
},
{
height: 157.5,
weight: 48.6,
age: 29,
name: "Paige",
},
{
height: 163.8,
weight: 58.6,
age: 31,
name: "Patricia",
},
{
height: 167.6,
weight: 63.6,
age: 34,
name: "Rachel",
},
{
height: 165.1,
weight: 55.2,
age: 36,
name: "Rebecca",
},
{
height: 165.1,
weight: 62.7,
age: 32,
name: "Reese",
},
{
height: 168.9,
weight: 56.6,
age: 39,
name: "Renee",
},
{
height: 162.6,
weight: 53.9,
age: 37,
name: "Ryan",
},
{
height: 164.5,
weight: 63.2,
age: 52,
name: "Sandra",
},
{
height: 176.5,
weight: 73.6,
age: 24,
name: "Stephanie",
},
{
height: 168.9,
weight: 62,
age: 33,
name: "Tiffany",
},
{
height: 175.3,
weight: 63.6,
age: 42,
name: "Valerie",
},
{
height: 159.4,
weight: 53.2,
age: 34,
name: "Vanessa",
},
{
height: 160,
weight: 53.4,
age: 37,
name: "Veronica",
},
{
height: 170.2,
weight: 55,
age: 39,
name: "Whitney",
},
{
height: 162.6,
weight: 70.5,
age: 41,
name: "Ada",
},
{
height: 167.6,
weight: 54.5,
age: 36,
name: "Adaline",
},
{
height: 162.6,
weight: 54.5,
age: 19,
name: "Adelaide",
},
{
height: 160.7,
weight: 55.9,
age: 22,
name: "Amalia",
},
{
height: 160,
weight: 59,
age: 23,
name: "Ann",
},
{
height: 157.5,
weight: 63.6,
age: 36,
name: "Anne",
},
{
height: 162.6,
weight: 54.5,
age: 45,
name: "Antonella",
},
{
height: 152.4,
weight: 47.3,
age: 25,
name: "Arlette",
},
{
height: 170.2,
weight: 67.7,
age: 67,
name: "Astrid",
},
{
height: 165.1,
weight: 80.9,
age: 26,
name: "Barbara",
},
{
height: 172.7,
weight: 70.5,
age: 21,
name: "Beatrice",
},
{
height: 165.1,
weight: 60.9,
age: 33,
name: "Camilla",
},
{
height: 170.2,
weight: 63.6,
age: 25,
name: "Camille",
},
{
height: 170.2,
weight: 54.5,
age: 24,
name: "Carmen",
},
{
height: 170.2,
weight: 59.1,
age: 21,
name: "Carolina",
},
{
height: 161.3,
weight: 70.5,
age: 35,
name: "Carolyn",
},
{
height: 167.6,
weight: 52.7,
age: 27,
name: "Cassandra",
},
{
height: 167.6,
weight: 62.7,
age: 27,
name: "Cecilia",
},
{
height: 165.1,
weight: 86.3,
age: 26,
name: "Celeste",
},
{
height: 162.6,
weight: 66.4,
age: 25,
name: "Clare",
},
{
height: 152.4,
weight: 67.3,
age: 44,
name: "Colette",
},
{
height: 168.9,
weight: 63,
age: 29,
name: "Coraline",
},
{
height: 170.2,
weight: 73.6,
age: 26,
name: "Corinne",
},
{
height: 175.2,
weight: 62.3,
age: 23,
name: "Deborah",
},
{
height: 175.2,
weight: 57.7,
age: 32,
name: "Dorothy",
},
{
height: 160,
weight: 55.4,
age: 32,
name: "Edith",
},
{
height: 165.1,
weight: 104.1,
age: 43,
name: "Elaine",
},
{
height: 174,
weight: 55.5,
age: 32,
name: "Eloise",
},
{
height: 170.2,
weight: 77.3,
age: 41,
name: "Esmeralda",
},
{
height: 160,
weight: 80.5,
age: 33,
name: "Estella",
},
{
height: 167.6,
weight: 64.5,
age: 28,
name: "Estelle",
},
{
height: 167.6,
weight: 72.3,
age: 28,
name: "Esther",
},
{
height: 167.6,
weight: 61.4,
age: 25,
name: "Evangeline",
},
{
height: 154.9,
weight: 58.2,
age: 38,
name: "Faye",
},
{
height: 162.6,
weight: 81.8,
age: 37,
name: "Fiona",
},
{
height: 175.3,
weight: 63.6,
age: 25,
name: "Frances",
},
{
height: 171.4,
weight: 53.4,
age: 37,
name: "Frida",
},
{
height: 157.5,
weight: 54.5,
age: 27,
name: "Gabriela",
},
{
height: 165.1,
weight: 53.6,
age: 27,
name: "Gemma",
},
{
height: 160,
weight: 60,
age: 20,
name: "Georgia",
},
{
height: 174,
weight: 73.6,
age: 19,
name: "Giselle",
},
{
height: 162.6,
weight: 61.4,
age: 32,
name: "Gloria",
},
{
height: 174,
weight: 55.5,
age: 26,
name: "Greta",
},
{
height: 162.6,
weight: 63.6,
age: 56,
name: "Gwendolyn",
},
{
height: 161.3,
weight: 60.9,
age: 23,
name: "Hanna",
},
{
height: 156.2,
weight: 60,
age: 19,
name: "Harriet",
},
{
height: 149.9,
weight: 46.8,
age: 31,
name: "Helen",
},
{
height: 169.5,
weight: 57.3,
age: 34,
name: "Ivanna",
},
{
height: 160,
weight: 64.1,
age: 34,
name: "Jacqueline",
},
{
height: 175.3,
weight: 63.6,
age: 24,
name: "Jane",
},
{
height: 169.5,
weight: 67.3,
age: 22,
name: "Jolene",
},
{
height: 160,
weight: 75.5,
age: 34,
name: "Joyce",
},
{
height: 172.7,
weight: 68.2,
age: 30,
name: "Judith",
},
{
height: 162.6,
weight: 61.4,
age: 32,
name: "Julianna",
},
{
height: 157.5,
weight: 76.8,
age: 40,
name: "Juliet",
},
{
height: 176.5,
weight: 71.8,
age: 29,
name: "Leona",
},
{
height: 164.4,
weight: 55.5,
age: 21,
name: "Lilian",
},
{
height: 160.7,
weight: 48.6,
age: 33,
name: "Lilianna",
},
{
height: 174,
weight: 66.4,
age: 33,
name: "Lorelei",
},
{
height: 163.8,
weight: 67.3,
age: 38,
name: "Louisa",
},
];
Scatter Series label placement is constrained so that:
- labels don't overlap any markers
- labels don't overlap other labels
If these constraints are not satisfied, a label is not placed.
Try opening the above example in a larger window to see that more labels are placed as the chart gets bigger. You can also try changing the size of the markers and the font size of the labels to see how that affects label placement.
See Series Labels: Collision Avoidance for more details.
Colour Scale Copy Link
Supply a colorKey to colour each marker by a data value, and customise the colouring via colorScale.
import {
AgCartesianChartOptions,
AgCharts,
GradientLegendModule,
ModuleRegistry,
NumberAxisModule,
ScatterSeriesModule,
} from "ag-charts-enterprise";
import { getData } from "./data";
ModuleRegistry.registerModules([
GradientLegendModule,
NumberAxisModule,
ScatterSeriesModule,
]);
const options: AgCartesianChartOptions = {
data: getData(),
title: {
text: "Residential Property Prices",
},
subtitle: {
text: "By floor area and distance from the city centre",
},
series: [
{
type: "scatter",
xKey: "area",
xName: "Floor area",
yKey: "price",
yName: "Price",
colorKey: "distance",
colorName: "Distance from centre",
colorScale: {
fills: [
{ color: "#4F8A5B", stop: 2 },
{ color: "#D9A14B", stop: 8 },
{ color: "#B5432B", stop: 14 },
],
},
strokeWidth: 0,
fillOpacity: 0.9,
size: 8,
},
],
axes: {
x: {
type: "number",
title: {
text: "Floor Area",
},
},
y: {
type: "number",
title: {
text: "Price",
},
},
},
gradientLegend: {
position: {
placement: "right",
yOffset: -25,
},
gradient: {
preferredLength: 200,
},
scale: {
padding: 6,
interval: {
step: 4,
},
},
},
formatter: {
x: "#{~f}mĀ²",
y: "Ā£#{~f}k",
color: "#{~f}km",
},
};
options.container = document.getElementById("myChart");
const chart = AgCharts.create(options);
export function getData() {
return [
{ area: 46, price: 177, distance: 12.6 },
{ area: 48, price: 363, distance: 7.6 },
{ area: 50, price: 347, distance: 7.6 },
{ area: 58, price: 537, distance: 4.3 },
{ area: 59, price: 487, distance: 5.8 },
{ area: 62, price: 671, distance: 2.9 },
{ area: 63, price: 232, distance: 13.8 },
{ area: 63, price: 529, distance: 5.9 },
{ area: 66, price: 543, distance: 6.4 },
{ area: 67, price: 236, distance: 14 },
{ area: 67, price: 378, distance: 10.5 },
{ area: 68, price: 366, distance: 11.1 },
{ area: 73, price: 421, distance: 10.2 },
{ area: 76, price: 443, distance: 9.9 },
{ area: 78, price: 625, distance: 6.2 },
{ area: 82, price: 275, distance: 14 },
{ area: 86, price: 741, distance: 4.2 },
{ area: 87, price: 855, distance: 4.2 },
{ area: 87, price: 266, distance: 13.9 },
{ area: 92, price: 856, distance: 3.8 },
{ area: 93, price: 368, distance: 13.1 },
{ area: 93, price: 498, distance: 10 },
{ area: 100, price: 635, distance: 8.2 },
{ area: 104, price: 654, distance: 9.7 },
{ area: 105, price: 824, distance: 7.7 },
{ area: 107, price: 844, distance: 6.2 },
{ area: 107, price: 837, distance: 5.7 },
{ area: 109, price: 533, distance: 11.7 },
{ area: 109, price: 816, distance: 7.5 },
{ area: 110, price: 904, distance: 5.4 },
{ area: 114, price: 1033, distance: 5.2 },
{ area: 118, price: 1011, distance: 6.3 },
{ area: 120, price: 1160, distance: 4.2 },
{ area: 122, price: 731, distance: 10.2 },
{ area: 124, price: 443, distance: 13.1 },
{ area: 128, price: 492, distance: 13.4 },
{ area: 130, price: 1216, distance: 3.6 },
{ area: 136, price: 945, distance: 8.4 },
{ area: 138, price: 1431, distance: 4 },
{ area: 138, price: 684, distance: 11.2 },
{ area: 143, price: 1018, distance: 7.4 },
{ area: 149, price: 1021, distance: 8 },
{ area: 150, price: 1352, distance: 4.1 },
{ area: 153, price: 1300, distance: 5.5 },
];
}
See the Colour Scale page for the full configuration reference including discrete bins, named stops and legend customisation.
Large Datasets Copy Link
By default, a maximum of 2000 markers per series are rendered. Items beyond this limit are aggregated to improve performance whilst maintaining the same visual appearance. Use maxRenderedItems to increase this limit if needed.
See Large Dataset Interactivity for more details.
Scatter Chart Examples Copy Link
See more Scatter Chart examples in the AG Charts Gallery.
Scatter Chart Example
Scatter Chart with Multiple Series Example
Scatter Chart With Large Data Example
Scatter Chart With Custom Markers Example
Scatter Chart With Labels Example
Scatter Chart With Multiple Axes Example
API Reference Copy Link
Properties available on the AgScatterSeriesOptions interface.
- type required
'scatter' - Configuration for the Scatter Series.
- xKey required
DatumKey - The key to use to retrieve x-values from the data.
- yKey required
DatumKey - The key to use to retrieve y-values from the data.
- errorBar
AgErrorBarOptions - Configuration for the Error Bars.
- id
stringdefault: auto-generated value - Primary identifier for the series. This is provided as `seriesId` in user callbacks to differentiate multiple series. Auto-generated ids are subject to future change without warning, if your callbacks need to vary behaviour by series please supply your own unique `id` value.
- context
ContextDefault - Context object to use in callbacks.
- data
DatumDefault[] - The data to use when rendering the series. If this is not supplied, data must be set on the chart instead.
- visible
boolean - Whether to display the series.
- cursor
string - The cursor to use for hovered markers. This config is identical to the CSS `cursor` property.
- selection
AgSelectionOptions - Configuration for data selection.
- nodeClickRange
InteractionRange - Range from a node that a click triggers the listener.
- showInLegend
boolean - Whether to include the series in the legend.
- listeners
AgSeriesListeners - A map of event names to event listeners.
- xKeyAxis
stringdefault: 'x' - The key of the x-axis to which this series is bound.
- yKeyAxis
stringdefault: 'y' - The key of the y-axis to which this series is bound.
- labelKey
DatumKey - The key to use to retrieve values from the data to use as labels for the markers.
- colorKey
DatumKey - The key to use to retrieve colour values from the data. This value (along with `colorScale` config) will be used to determine the marker colour.
- xName
string - A human-readable description of the x-values. If supplied, this will be shown in the default tooltip and passed to the tooltip renderer as one of the parameters.
- yName
string - A human-readable description of the y-values. If supplied, this will be shown in the default tooltip and passed to the tooltip renderer as one of the parameters.
- labelName
string - A human-readable description of the label values. If supplied, this will be shown in the default tooltip and passed to the tooltip renderer as one of the parameters.
- colorName
string - A human-readable description of the colour values. If supplied, this will be shown in the default tooltip and passed to the tooltip renderer as one of the parameters.
- legendItemName
string - The text to display in the legend for this series. If supplied, matching items with the same value will be toggled together.
- maxRenderedItems
numberdefault: 2000 - Determines the largest number of items that can be rendered at once. If there are more items, they will be aggregated to resemble similar visual appearance.
- title
string - The title to use for the series. Defaults to `yName` if it exists, or `yKey` if not.
- label
AgScatterSeriesLabel - Configuration for the labels shown on top of data points.
- tooltip
AgSeriesTooltip - Series-specific tooltip configuration.
- styler
Styler - Function used to return formatting for entire series, based on the given parameters.
- itemStyler
Styler - Function used to return formatting for individual markers, based on the supplied information.
- highlight
AgMultiSeriesHighlightOptions - Configuration for highlighting when a series or legend item is hovered over.
- colorScale
AgColorScale - Configuration for colour scale with fills, domain, and mode.
- showInMiniChart
boolean - Whether to include the series in the Mini Chart.
- size
PixelSize - The size in pixels of the markers.
- shape
AgMarkerShape - The shape to use for the markers. You can also supply a custom marker by providing a `AgMarkerShapeFn` function.
- fill
AgColorType - The colour for filling shapes. A colour string, or an object for a gradient, pattern, or image fill.
- fillOpacity
Opacity - The opacity of the fill colour.
- stroke
AgCssColorOrRef - The colour for the stroke.
- strokeWidth
PixelSize - The width of the stroke in pixels.
- strokeOpacity
Opacity - The opacity of the stroke colour.
- lineDash
PixelSize[] - An array specifying the length in pixels of alternating dashes and gaps.
- lineDashOffset
PixelSize - The initial offset of the dashed line in pixels.
Properties available on the AgScatterSeriesOptions interface.
- type required
'scatter' - Configuration for the Scatter Series.
- xKey required
DatumKey - The key to use to retrieve x-values from the data.
- yKey required
DatumKey - The key to use to retrieve y-values from the data.
- errorBar
AgErrorBarOptions - Configuration for the Error Bars.
- id
stringdefault: auto-generated value - Primary identifier for the series. This is provided as `seriesId` in user callbacks to differentiate multiple series. Auto-generated ids are subject to future change without warning, if your callbacks need to vary behaviour by series please supply your own unique `id` value.
- context
ContextDefault - Context object to use in callbacks.
- data
DatumDefault[] - The data to use when rendering the series. If this is not supplied, data must be set on the chart instead.
- visible
boolean - Whether to display the series.
- cursor
string - The cursor to use for hovered markers. This config is identical to the CSS `cursor` property.
- selection
AgSelectionOptions - Configuration for data selection.
- nodeClickRange
InteractionRange - Range from a node that a click triggers the listener.
- showInLegend
boolean - Whether to include the series in the legend.
- listeners
AgSeriesListeners - A map of event names to event listeners.
- xKeyAxis
stringdefault: 'x' - The key of the x-axis to which this series is bound.
- yKeyAxis
stringdefault: 'y' - The key of the y-axis to which this series is bound.
- labelKey
DatumKey - The key to use to retrieve values from the data to use as labels for the markers.
- colorKey
DatumKey - The key to use to retrieve colour values from the data. This value (along with `colorScale` config) will be used to determine the marker colour.
- xName
string - A human-readable description of the x-values. If supplied, this will be shown in the default tooltip and passed to the tooltip renderer as one of the parameters.
- yName
string - A human-readable description of the y-values. If supplied, this will be shown in the default tooltip and passed to the tooltip renderer as one of the parameters.
- labelName
string - A human-readable description of the label values. If supplied, this will be shown in the default tooltip and passed to the tooltip renderer as one of the parameters.
- colorName
string - A human-readable description of the colour values. If supplied, this will be shown in the default tooltip and passed to the tooltip renderer as one of the parameters.
- legendItemName
string - The text to display in the legend for this series. If supplied, matching items with the same value will be toggled together.
- maxRenderedItems
numberdefault: 2000 - Determines the largest number of items that can be rendered at once. If there are more items, they will be aggregated to resemble similar visual appearance.
- title
string - The title to use for the series. Defaults to `yName` if it exists, or `yKey` if not.
- label
AgScatterSeriesLabel - Configuration for the labels shown on top of data points.
- tooltip
AgSeriesTooltip - Series-specific tooltip configuration.
- styler
Styler - Function used to return formatting for entire series, based on the given parameters.
- itemStyler
Styler - Function used to return formatting for individual markers, based on the supplied information.
- highlight
AgMultiSeriesHighlightOptions - Configuration for highlighting when a series or legend item is hovered over.
- colorScale
AgColorScale - Configuration for colour scale with fills, domain, and mode.
- showInMiniChart
boolean - Whether to include the series in the Mini Chart.
- size
PixelSize - The size in pixels of the markers.
- shape
AgMarkerShape - The shape to use for the markers. You can also supply a custom marker by providing a `AgMarkerShapeFn` function.
- fill
AgColorType - The colour for filling shapes. A colour string, or an object for a gradient, pattern, or image fill.
- fillOpacity
Opacity - The opacity of the fill colour.
- stroke
AgCssColorOrRef - The colour for the stroke.
- strokeWidth
PixelSize - The width of the stroke in pixels.
- strokeOpacity
Opacity - The opacity of the stroke colour.
- lineDash
PixelSize[] - An array specifying the length in pixels of alternating dashes and gaps.
- lineDashOffset
PixelSize - The initial offset of the dashed line in pixels.