Toggling multi-level Sunburst nodes with legend

This demo shows how we can fix toggling of nodes in a multi-level Sunburst chart via legend using events.

Code

TypeScript

legend.itemContainers.template.events.on("click", function(e) {
  root.events.once("frameended", function() {
    series.selectDataItem(series.get("selectedDataItem"));
  })
});

JavaScript

legend.itemContainers.template.events.on("click", function(e) {
  root.events.once("frameended", function() {
    series.selectDataItem(series.get("selectedDataItem"));
  })
});

Example

ResultJSHTMLCSSJSON

Open in:New tabChart MakerCodePenjsFiddle

Run

Toggling multi-level Sunburst nodes with legendtoggling-multi-level-sunburst-nodes-with-legend