Black Lives Matter. Please consider donating to Black Girls Code today.
Learn about the upcoming Dash Enterprise 4.0 release in the August 5th webinar with Chris Parmer, the Inventor of Dash.

Warning Sunburst multiple roots

Hello everyone.
I’m stuck with sunburst.

When I try to implement sunburst chart with following config

    const values = [67, 3, 88, 834, 260, 463]
    const labels = ["One", "Two", "Three", "Four", "Five", "Six"]
    const parents =  ["", "", "", "", "Four", ""]

    const dataPie = {
      parents,
      labels,
      values,
      branchvalues: "total",
      texttemplate: `%{value} (%{percentEntry})`,
      hovertemplate: '%{label}<br />%{value} (%{percentRoot:%})<extra></extra>',
      hoverlabel: {
        align: 'left'
      },
      type: 'sunburst',
      marker: {
        colors,
        line: {
          color: '#fff',
          width: [2, 2, 2, 2, 2]
        }
      }
    }

I get this “WARN: Multiple implied roots, cannot build sunburst hierarchy.

In the end I want to get something like this
Screenshot from 2020-07-13 15-00-07

What can I do?

It works. Here is a demo.

Thanks for your reply.

Yeah. it works. But gets annoying warning.