chart types scatter

Scatter chart

• This section describes how to create scatter chart with options.
• You can refer to the Getting started for base installation of Toast UI Chart.

---

Data type

Scatter chart use the coordinate data type.

Coordinate data type

Coordinate data type for scatter chart has x and y values.

var rawData = {
    series: [
        {
            name: 'male',
            data: [
                {x: 174, y: 65.6},
                {x: 175.3, y: 71.8},
                {x: 193.5, y: 80.7},
                {x: 186.5, y: 72.6},
                {x: 187.2, y: 78.8},
                {x: 181.5, y: 74.8},
                {x: 184, y: 86.4}
            ]
        },
        {
            name: 'female',
            data: [
                {x: 161.2, y: 51.6},
                {x: 167.5, y: 59},
                {x: 159.5, y: 49.2},
                {x: 157, y: 63},
                {x: 155.8, y: 53.6},
                {x: 170, y: 59},
                {x: 159.1, y: 47.6}
            ]
        }
    ]
};

---

Creating a basic chart

A scatter chart is a type of chart that displays values for typically two variables for a set of data.

Example

tui.chart.scatterChart(container, rawData);

• Sample