chart type radial

Radial chart

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

---

Data type

Radial chart use the basic data type.

Basic data type

Basic data type is default type for Toast UI Chart.

var rawData = {
    categories: ['June', 'July', 'Aug', 'Sep', 'Oct', 'Nov'],
    series: [
        {
            name: 'Budget',
            data: [5000, 3000, 6000, 3000, 6000, 4000]
        },
        {
            name: 'Income',
            data: [8000, 1000, 7000, 2000, 5000, 3000]
        }
    ]
};

---

Creating a basic chart

Example

tui.chart.radialChart(container, data);

---

Creating radial chart with area or line series

You can create a radial chart with area series by default or setting the series.showArea option true.
If you set series.showArea to false, rendering series type will be line.

Example

//...
var options = {
      //...
    series: {
        showArea: true // defalut
        // showArea: false
    }
};

tui.chart.radialChart(container, rawData, options);

• Sample

Creating radial chart without series dot

You can create radial chart without series dots by defalut or setting the series.showDot option true.
If you set series.showDot option to false, series dots are didn't appear your chart.

Example

//...
var options = {
      //...
    series: {
        showDot: true // defalut
        // showDot: false
    }
};
tui.chart.radialChart(container, rawData, options);

• Sample

---

Creating radial chart with spider web or circle plot

You can create radial chart without series dots by defalut or setting the series.showDot option true.
If you set series.showDot option to false, series dots are didn't appear your chart.

Example

//...
var options = {
      //...
    plot: {
        type: 'spiderweb' // defalut
        // type: 'circle'
    }
};
tui.chart.radialChart(container, rawData, options);

• Sample