echarts-treemap学习记录

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: '水调歌头', //面包屑名称
      data: [
         {
          name: '明月几时有',
          value: 30,
          rate:'30%',
        },
        {
          name: '把酒问青天',
          value: 20,
          rate:'20%'
        },
        {
          name: '不知天上宫阙',
          value: 5,
          rate:'20%'
        },
        {
          name: '今夕是何年',
          value: 5,
          rate:'30%'
        },
      ],
      label: {