echarts矩形树图

要使用 echarts 绘制矩形树图，你需要引入 echarts 的库文件。首先，在 HTML 文件中引入 echarts 的库文件：

<script src="https://cdn.jsdelivr.net/npm/echarts@5.0.2/dist/echarts.min.js"></script>

然后，创建一个 `<div>` 元素来放置图表：

<div id="myChart" style="width: 600px; height: 400px;"></div>

接下来，在 JavaScript 文件中编写代码来绘制矩形树图：

// 创建图表实例
const myChart = echarts.init(document.getElementById('myChart'));

// 配置图表选项和数据
const option = {
  series: {
    type: 'treemap',
    data: [
      {
        name: '节点1',
        value: 10,
        children: [
          {
            name: '节点1-1',
            value: 5
          },
          {
            name: '节点1-2',
            value: 3
          }
        ]
      },
      {
        name: '节点2',
        value: 7
      }
    ]
  }
};

// 使用配置项显示图表
myChart.setOption(option);

以上示例代码将创建一个矩形树图，并使用给定的数据进行展示。你可以根据自己的需求修改数据和样式。请确保将 `myChart` 替换为你的图表容器的 ID，并根据需要设置容器的宽度和高度。