echarts+(html+js+css)左邊列表，拖拽到右邊生成流程樹

效果如下圖所示：

（左邊拖動到右側，可添加跟刪除等操作，最後進行提交）

1. 本文依附echarts，所以需要去引入echart.min.js,

   官網下載地址: https://echarts.apache.org/zh/download.html  

2. html代碼：（本文是angular6+UI框架ng-zorro,也可自己手寫樣式）

  

<nz-layout>
  <div nz-row class="titlek">
    新建流程
  </div>
  <div nz-row class="row" nzGutter="4">
    <div nz-col class="gutter-row" nzSpan="4">
      <div class="top">
        <div nz-row class="title">
          組件列表<input type="text" nz-input placeholder="關鍵字" style="width:70%;margin-left:5px;" [(ngModel)]="itemKey"
            (keyup)="getLeftMenuDataByName()" (nzBlur)="getLeftMenuDataByName()">