chart types heatmap

Heatmap chart

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

---

Data type

Heatmap chart use the heatmap data type.

Heatmap data type

var rawData = {
    categories: {
        x: ['cate1', 'cate2', 'cate3'],
        y: ['cate10', 'cate20', 'cate30']
    },
    series: [
        [100, 40, 30],
        [20, 10, 60],
        [50, 40, 30]
    ]
};

---

Creating a basic chart

A heatmap chart is a graphical representation of data where the individual values contained in a matrix are represented as colors.

Example

tui.chart.heatmapChart(container, rawData);

• Sample