饼图单击自定义图像图例时将其他人滑出白色

如何解决饼图单击自定义图像图例时将其他人滑出白色

我正在制作饼图，但卡住了。我需要一些类似的东西，如果你看到下图有三个蓝色按钮。当我点击其中一个时，我需要显示一些饼图部分/子部分保持显示，其余部分变白/禁用/低不透明度。

我需要设置自定义配置以在每个蓝色点击功能上显示哪个。

这是来源。

https://jsfiddle.net/hassanuos/c23r5jfv/7/

/**


* ---------------------------------------
 * This demo was created using amCharts 4.
 * 
 * For more information visit:
 * https://www.amcharts.com/
 * 
 * Documentation is available at:
 * https://www.amcharts.com/docs/v4/
 * ---------------------------------------
 */

// Themes begin
am4core.useTheme(am4themes_material);
am4core.useTheme(am4themes_animated);
// Themes end

// create chart
var chart = am4core.create("chartdiv",am4plugins_sunburst.Sunburst);
chart.padding(0,0);
chart.radius = am4core.percent(98);

chart.data = [{
  name: "Value\nArchitecture",children: [
    { name: "Value Control",children: [
        { name: "Outside the\necosystem",value: 50 },{ name: "Inside the\necosystem",value: 50 }
      ]
     },{ name: "Value Delivery",children: [
        { name: "Decentralised DT",{ name: "Centralised DT",{ name: "Hybrid DT",{ name: "Interaction",children: [
        { name: "Human-Machine-\nInterface",{ name: "Machine-\nto-Machine",]
     },{ name: "Data Collection",children: [
        { name: "External puchased",{ name: "Internal sensor\nbased",{ name: "External\nsupplied data",{ name: "Interface",children: [
        { name: "Boundary resource",{ name: "Creating/\njoining Platform",children: [
        { name: "Creating",{ name: "Joining",]
},{
  name: "Value Network",children: [
    { name: "Operating\nmechaism",children: [
        { name: "Technical platform",{ name: "Marketplace\nplatform",]
     }
  ]
},{
  name: "Value\nProposition",children: [
    {
      name: "Customer value",children: [
        { name: "Decision support",{ name: "Process\noptimisation",{ name: "Process\ntransparency",{ name: "Individualisation",{ name: "Customer\nexperience",{ name: "Gamification",value: 50 }
      ]
    },{ name: "Service",children: [
        { name: "Condition\nmonitoring",{ name: "Visualisation",{ name: "Customer insight",{ name: "Data selling/\ncommercialisation",{ name: "Employee training",{ name: "Equipment\nas a service",{ name: "Simulation",{ name: "Lifespan extension",{ name: "Data analytics",{
      name: "Ownership",children: [
        { name: "Only digital\ncomponent",{ name: "Digital and physical\ncomponent",{ name: "Only physical\ncomponent",{
  name: "Value\nFinance",children: [
    { name: "Revenue model",children: [
        { name: "Sales",{ name: "Add-ons",{ name: "Pay-per-Use",{ name: "Leasing",{ name: "As-a-service",{ name: "Pricing",children: [
        { name: "Outcome based",{ name: "Fixed-price",]
}];

chart.colors.step = 2;
chart.fontSize = 11;
chart.innerRadius = am4core.percent(10);

// define data fields
chart.dataFields.value = "value";
chart.dataFields.name = "name";
chart.dataFields.children = "children";


var level0SeriesTemplate = new am4plugins_sunburst.SunburstSeries();
level0SeriesTemplate.hiddenInLegend = false;
chart.seriesTemplates.setKey("0",level0SeriesTemplate)

// this makes labels to be hidden if they don't fit
level0SeriesTemplate.labels.template.text = "{name}";
level0SeriesTemplate.labels.template.truncate = true;
level0SeriesTemplate.labels.template.hideOversized = true;
level0SeriesTemplate.labels.template.fontSize = 16;

level0SeriesTemplate.labels.template.adapter.add("rotation",function(rotation,target) {
  target.maxWidth = target.dataItem.slice.radius - target.dataItem.slice.innerRadius - 10;
  target.maxHeight = Math.abs(target.dataItem.slice.arc * (target.dataItem.slice.innerRadius + target.dataItem.slice.radius) / 2 * am4core.math.RADIANS);

  return rotation;
})


var level1SeriesTemplate = level0SeriesTemplate.clone();
chart.seriesTemplates.setKey("1",level1SeriesTemplate)
level1SeriesTemplate.fillOpacity = 0.75;
level1SeriesTemplate.hiddenInLegend = true;

var level2SeriesTemplate = level0SeriesTemplate.clone();
chart.seriesTemplates.setKey("2",level2SeriesTemplate)
level2SeriesTemplate.fillOpacity = 0.5;
level2SeriesTemplate.hiddenInLegend = true;

chart.legend = new am4charts.Legend();
level0SeriesTemplate.legendSettings.labelText ="{name}";
level1SeriesTemplate.legendSettings.labelText ="{name}";
level2SeriesTemplate.legendSettings.labelText ="{name}";
chart.legend.valueLabels.template.disabled = true;