Echarts在线免费图表

 
            /*
title: Basic Treemap
category: treemap
titleCN: 基础矩形树图
*/
option = {
   tooltip: {
      show: true,
      formatter: function (params) {
         // console.log(params)
         let bfb = (
            (params.value / params.treePathInfo[0].value) *
            100
         ).toFixed(0)
         return `${params.name}: ${params.value} (${bfb}%)`
      }
   },
   series: [
      {
         type: 'treemap',
         roam: false,
         nodeClick: false,
         breadcrumb: {
            show: false
         },
         label: {
            overflow: 'break',
            formatter: function (params) {
               // console.log(params)
               let bfb = (
                  (params.value / params.treePathInfo[0].value) *
                  100
               ).toFixed(0)
               // return `${params.name}: ${params.value} (${bfb}%)`
               return params.name + '\n' + params.value + ` (${bfb}%)`
            }
         },
         data: [
            {
               name: 'nodeA',
               value: 500
            },
            {
               name: 'nodeB',
               value: 300
            },
            {
               name: 'nodeC',
               value: 200
            }
         ]
      }
   ]
};