使用echarts绘制手机占有率矩形树图

好的，下面是使用 echarts 绘制手机占有率矩形树图的代码示例：

// 引入 echarts 库
import echarts from 'echarts';

// 初始化 echarts 实例
const chart = echarts.init(document.getElementById('chart'));

// 定义数据
const data = {
  name: '手机占有率',
  children: [
    {
      name: '苹果',
      value: 20,
    },
    {
      name: '三星',
      value: 18,
    },
    {
      name: '华为',
      value: 16,
    },
    {
      name: '小米',
      value: 14,
    },
    {
      name: 'OPPO',
      value: 10,
    },
    {
      name: 'vivo',
      value: 8,
    },
    {
      name: '其他',
      value: 14,
    },
  ],
};

// 定义配置
const options = {
  series: [
    {
      type: 'treemap',
      roam: false,
      breadcrumb: {
        show: false,
      },
      label: {
        show: true,
        formatter: '{b}: {c}%',
      },
      data: [data],
    },
  ],
};

// 渲染图表
chart.setOption(options);

以上代码会在一个 id 为 `chart` 的元素中绘制出手机占有率矩形树图。你可以根据自己的需求修改数据和配置，以达到所需的效果。