Echarts中treemap实现知识地图的逐层展开

1、演示效果

2、代码呈现

import React, { Component } from 'react';
import './App.css';
//需要先运行npm install echats,才能这样引入
import echarts from 'echarts';

class App extends Component {

  initTreemap() {
    //数据定义
    const data = [{
          name: "等分数",
          children: [{
            name: "分数除法", value: 1,
          }, {
            name: "分数加法", value: 1,
          }, {
            name: "分数减法", value: 1
          }]
        },
        {
          name: "有理数除法",
          children: [{
            name: "个位数除法", value: 1
          }, {
            name: "两位数除法", value: 1
          }, {
            name: "分数除法", value: 1
          }]
        },
        {
          name: "1-9的加法",
          children: [{
            name: "个位数加法", va