features legend

Legend Feature

• This section introduces about feature of legend.

---

Changing legend align

Using legend.align option, you can change align of legend.
Kind of align options are 'top', 'bottom', 'left', 'right'.
The pie chart can be used in addition to the type of option values ​​, such as the 'center', 'outer'.

Example

//...
var options = {
    legend: {
        align: 'top'
    }
};
tui.chart.barChart(container, data, options);

---

Hiding legend

Using legend.hidden option, you can hide legend.

Example

//...
var options = {
    legend: {
        hidden: true
    }
};
tui.chart.barChart(container, data, options);

---

Hiding checkbox of legend

Using legend.hasCheckbox option, you can hide checkbox of legend.
The default value for this option is true and will be hidden when you set up false.

Example

//...
var options = {
    legend: {
        hasCheckbox: false
    }
};
tui.chart.barChart(container, data, options);

---

Getting information of legend when selecting legend

If you attach selectLegend event handler, you can getting information of legend when selecting legend.

Example

//...
var chart = tui.chart.barChart(data);

chart.on('selectLegend', function(info) {
  console.log(info);
});