echarts-treemp带子节点,可下钻

option = {
  color:['#409eff'],
   title: {
        text: '水调歌头',
        left: 'center'
      },
      
      tooltip: {
      formatter:  (info) => {
         let {name,value,rate:r} = info.data;
          return  `<div style='color:red;'>${name}</div><div>分布:${value}</div><div>比率:${r}</div>`;
        }
      },  
  series: [
    {
      type: 'treemap',
      name: '水调歌头', //面包屑名称
      leafDepth:1,  // 从一级开始下转,data中若无children 则不下钻
      data: [
        {
          name: '明月几时有',  // 外层,第一级
          value: 30,
          rate:'30%',
            children: [
            {
              name: '几时有',  // 第二级
              value: 4,
              children:[
                {  // 第三级
                  name: '十五有',
                  value: 4,
                }
              ],
            },
            {