在vue中怎么使用飞线图

在Vue中使用飞线图可以使用第三方库ECharts。首先，需要在项目中安装ECharts：

npm install echarts --save

然后在需要使用飞线图的组件中引入ECharts：

import echarts from 'echarts'

接着，在组件的`mounted`钩子函数中，使用ECharts的API绘制飞线图：

mounted() {
  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('myChart'));
  // 绘制图表
  myChart.setOption({
    series: {
      type: 'lines',
      coordinateSystem: 'cartesian2d',
      data: [
        { fromName: '北京', toName: '上海', coords: [[116.46, 39.92], [121.48, 31.22]] },
        { fromName: '北京', toName: '广州', coords: [[116.46, 39.92], [113.23, 23.16]] },
        { fromName: '北京', toName: '西安', coords: [[116.46, 39.92], [108.95, 34.27]] },
        { fromName: '北京', toName: '成都', coords: [[116.46, 39.92], [104.06, 30.67]] },
        { fromName: '北京', toName: '哈尔滨', coords: [[116.46, 39.92], [126.63, 45.75]] }
      ],
      // ...其他配置项
    }
  });
}

其中，`data`属性是一个数组，数组中的每个元素代表一条飞线的起点、终点和路径坐标。`type`属性设置为`lines`表示绘制飞线图。

以上是一个简单的飞线图的绘制过程，你可以根据需要自行修改和扩展绘制效果。