`echarts`实现关系图拖拽

echarts

目标：echarts实现关系图拖拽
效果：当所有的节点都处在高亮的状态时，可以拖拽任何节点。当点击其中一个节点与之有直接联系的节点高亮，其他的置灰。并且高亮的节点均可拖拽。点击空白处时恢复原来的状态，才能继续点击下一个节点高亮。
官网例子：echarts自定义拖拽
demo：例子：提取码:f4x8

1. 页面中引入ecahrts.js文件
2. html代码

    <div id="main" style="width:100%;height:800px;"></div>

3. 实现拖拽的js代码

 // nodes：各个节点，links:各节点之间的联系
    // category与配置项中的legend，categories相对应
    var nodes = [{
  { valuetype: "2", name: "槐荫区" ,category: 1}}]
    var lin