vue2使用echarts画流程图，使用npm引入的echarts

要在Vue2中使用ECharts来绘制流程图，可以使用npm来安装ECharts，并在Vue组件中引入。以下是步骤：

1. 安装ECharts

在命令行中输入以下命令来安装ECharts：

npm install echarts --save

2. 引入ECharts

在Vue组件中引入ECharts：

import echarts from 'echarts'

3. 创建ECharts实例

在Vue组件的`mounted`函数中创建ECharts实例并绘制流程图：

mounted() {
  // 创建ECharts实例
  const myChart = echarts.init(this.$refs.chart)

  // 绘制流程图
  myChart.setOption({
    series: [{
      type: 'graph',
      layout: 'none',
      symbolSize: 50,
      roam: true,
      label: {
        show: true
      },
      edgeSymbol: ['circle', 'arrow'],
      edgeSymbolSize: [4, 10],
      edgeLabel: {
        fontSize: 20
      },
      data: [{
        name: '节点1',
        x: 100,
        y: 100
      }, {
        name: '节点2',
        x: 300,
        y: 100
      }, {
        name: '节点3',
        x: 200,
        y: 200
      }],
      // 边和节点的关系
      links: [{
        source: 0,
        target: 1,
        symbolSize: [5, 20],
        label: {
          show: true
        },
        lineStyle: {
          width: 5,
          curveness: 0.2
        }
      }, {
        source: 1,
        target: 2
      }]
    }]
  })
}

4. 在模板中渲染ECharts容器

在Vue组件的模板中添加一个容器用于渲染ECharts：

<template>
  <div>
    <div ref="chart" style="width: 800px; height: 600px;"></div>
  </div>
</template>

以上是在Vue2中使用ECharts绘制流程图的基本步骤。根据实际情况，您可能需要进行一些调整以满足您的需求。