vue用echarts写迁徙图

以下是一个简单的例子，使用Vue和Echarts绘制迁徙图：

1. 首先，在Vue组件中引入Echarts：

import echarts from 'echarts'

2. 在组件中定义一个div容器来存储Echarts图表：

<template>
  <div class="migration-chart"></div>
</template>

3. 在组件的mounted生命周期中，使用Echarts绘制迁徙图：

mounted() {
  const chart = echarts.init(document.querySelector('.migration-chart'))

  const option = {
    // 设置图表标题
    title: {
      text: '迁徙图'
    },
    // 设置地图组件
    geo: {
      map: 'china',
      roam: true,
      // 地图区域的颜色
      itemStyle: {
        areaColor: '#f5f5f5',
        borderColor: '#999'
      }
    },
    // 设置系列数据，包括迁出地、迁入地和迁移人数
    series: [{
      type: 'lines',
      zlevel: 2,
      // 设置线条样式
      lineStyle: {
        color: '#FFA07A',
        width: 1,
        opacity: 0.6,
        curveness: 0.2
      },
      // 设置迁徙线条数据
      data: [
        { 
          fromName: '北京', 
          toName: '上海',
          coords: [
            [116.407394, 39.904211],
            [121.473662, 31.230372]
          ]
        },
        { 
          fromName: '北京', 
          toName: '广州',
          coords: [
            [116.407394, 39.904211],
            [113.264434, 23.129162]
          ]
        },
        // ...
      ]
    }]
  }

  chart.setOption(option)
}

4. 最后，在组件中加上样式：

.migration-chart {
  width: 100%;
  height: 500px;
}

这就是一个简单的迁徙图例子。当然，还可以根据需求进行更多的配置和样式调整。