echarts 树图迁徙特效

ECharts树图迁徙特效可以通过使用单独的lines类型图表来实现。具体步骤如下：

1. 首先需要在option中定义一个series，类型为lines，用于绘制迁徙线条。在series中需要定义data，即线条的起点和终点坐标，以及线条的样式。

2. 接着需要定义一个series，类型为effectScatter，用于绘制节点。在series中需要定义data，即节点的坐标和节点的样式，同时需要设置rippleEffect为true，开启涟漪特效。

3. 最后需要在option中定义一个series，类型为tree，用于绘制树图。在series中需要定义data，即树图的数据，以及节点的样式和标签等信息。

下面是一个示例代码，用于实现ECharts树图迁徙特效：

option = {
    series: [
        {
            type: 'lines',
            data: [
                {
                    coords: [[10, 10], [20, 20]],
                    lineStyle: {
                        color: '#c23531',
                        width: 2,
                        opacity: 0.5
                    }
                },
                {
                    coords: [[20, 20], [30, 30]],
                    lineStyle: {
                        color: '#c23531',
                        width: 2,
                        opacity: 0.5
                    }
                }
            ]
        },
        {
            type: 'effectScatter',
            data: [
                {
                    name: 'node1',
                    value: [10, 10],
                    symbolSize: 10,
                    itemStyle: {
                        color: '#c23531'
                    }
                },
                {
                    name: 'node2',
                    value: [20, 20],
                    symbolSize: 10,
                    itemStyle: {
                        color: '#c23531'
                    }
                },
                {
                    name: 'node3',
                    value: [30, 30],
                    symbolSize: 10,
                    itemStyle: {
                        color: '#c23531'
                    }
                }
            ],
            rippleEffect: {
                brushType: 'stroke'
            }
        },
        {
            type: 'tree',
            data: [
                {
                    name: 'node1',
                    children: [
                        {
                            name: 'node2',
                            children: [
                                {
                                    name: 'node3'
                                }
                            ]
                        }
                    ]
                }
            ],
            symbol: 'circle',
            symbolSize: 20,
            label: {
                show: true
            }
        }
    ]
};