家谱图用Echarts写，tree类型，折现

家谱图可以使用 ECharts 中的树形图（tree）类型来实现。同时，你可以在树形图中使用折线图（line）类型来展示家族成员的年龄或其他信息。

以下是一个示例代码，展示如何使用 ECharts 的树形图和折线图来绘制家谱图：

// 定义家谱数据
var familyData = {
  name: '爷爷',
  children: [{
    name: '父亲',
    children: [{
      name: '我',
      age: 30
    }, {
      name: '兄弟',
      age: 28
    }]
  }]
};

// 配置树形图
var option = {
  series: [{
    type: 'tree',
    data: [familyData],
    layout: 'radial',
    symbol: 'emptyCircle',
    symbolSize: 7,
    roam: true,
    label: {
      show: true
    },
    leaves: {
      label: {
        show: true
      }
    },
    tooltip: {
      show: false
    },
    lineStyle: {
      type: 'curve'
    }
  }, {
    type: 'line',
    data: [{
      name: '我',
      value: familyData.children[0].children[0].age
    }, {
      name: '兄弟',
      value: familyData.children[0].children[1].age
    }],
    markLine: {
      symbol: '',
      lineStyle: {
        normal: {
          type: 'dashed'
        }
      },
      data: [{
        type: 'average',
        name: '平均值'
      }]
    }
  }]
};

// 绘制图表
var chart = echarts.init(document.getElementById('chart'));
chart.setOption(option);

在上述代码中，我们首先定义了家谱数据，然后通过 ECharts 的树形图配置项来展示家谱。同时，我们还在树形图上使用了折线图来展示家族成员的年龄，并使用了标记线（markLine）来表示年龄的平均值。最后，我们调用 `echarts.init` 方法来初始化图表，并使用 `setOption` 方法来设置图表的配置项。