小程序 echart 树状图

以下是小程序 ECharts 树状图的实现方法：

1.首先，在小程序中引入 ECharts 组件，具体方法可以参考引用。

2.在 wxml 文件中添加 ECharts 组件，并设置其 ID 和样式：

<ec-canvas id="mychart" canvas-id="mychart-canvas" ec="{{ ec }}"></ec-canvas>

3.在 js 文件中引入 ECharts 并初始化：

import * as echarts from '../../ec-canvas/echarts';

Page({
  data: {
    ec: {
      onInit: initChart
    }
  }
})

function initChart(canvas, width, height) {
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height
  });
  canvas.setChart(chart);

  const option = {
    // 在这里配置 ECharts 树状图的相关参数
    series: [{
      type: 'tree',
      data: [{
        name: '父节点1',
        children: [{
          name: '子节点1'
        }, {
          name: '子节点2'
        }]
      }, {
        name: '父节点2',
        children: [{
          name: '子节点3'
        }, {
          name: '子节点4'
        }]
      }],
      top: '5%',
      left: '7%',
      bottom: '2%',
      right: '20%',
      symbolSize: 7,
      label: {
        position: 'left',
        verticalAlign: 'middle',
        align: 'right'
      },
      leaves: {
        label: {
          position: 'right',
          verticalAlign: 'middle',
          align: 'left'
        }
      },
      expandAndCollapse: true,
      animationDuration: 550,
      animationDurationUpdate: 750
    }]
  };

  chart.setOption(option);
  return chart;
}

4.在 option 中配置 ECharts 树状图的相关参数，具体参数可以参考 ECharts 官方文档。