Skip to content

chart types bubble

강지웅/FE개발팀/NE edited this page Aug 9, 2016 · 5 revisions

Bubble chart

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

Data type

Bubble chart use the coordinate data type.

Coordinate data type

Coordinate data type has x and y values, and it optionally has r or label values.

var rawData = {
    series: [
        {
            name: 'Legend1',
            data: [{
                x: 10,
                y: 30,
                r: 25,
                label: 'Label1'
            }, {
                x: 20,
                y: 20,
                r: 10,
                label: 'Label2'
            }]
        },
        {
            name: 'Legend2',
            data: [{
                x: 5,
                y: 60,
                r: 30,
                label: 'Label3'
            }, {
                x: 50,
                y: 10,
                r: 20,
                label: 'Label4'
            }]
        }
    ]
};

Creating a basic chart

A bubble chart displays three dimensions of data.

Example
tui.chart.bubbleChart(container, rawData);

Bubble chart

Clone this wiki locally