<button onclick="chart.group(function (val) {return val > 2;});">Group points</button>
<button onclick="disableGroup();">Ungroup point</button>
<div id="container"></div>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
var chart;
anychart.onDocumentReady(function () {
chart = anychart.pie([
{x: 'Cycling', value: 5},
{x: 'Swimming', value: 2},
{x: 'Run', value: 1},
{x: 'Hiking', value: 3},
{x: 'Alpinism', value: 1}
]);
chart.title('Group and ungroup points');
chart.container('container');
chart.draw();
});
function disableGroup() {
// Disable grouping function.
chart.group(null);