neo4j+vue2+vis.js渲染图表（自用记录）

 参考文章：vue+neo4j +纯前端（neovis.js / neo4j-driver） 实现 知识图谱的集成 大干货--踩坑无数！！！将经验分享给有需要的小伙伴_neovis.js vue-CSDN博客

1、安装环境

npm install -save neovis.js

npm install neo4j-driver

npm install vis --save  

2、入口函数中引用

import vis from "vis";

Vue.prototype.$vis = vis;

1、局部引入neo4j工具   import neo4j from "neo4j-driver"

2、处理数据的函数（根据自己返回的数据结构进行处理，没什么参考价值）

//实参是你的neo4j里调用的放法

let query=“MATCH (n) RETURN n LIMIT 25”

 dealData(query) {

      this.echartsNode = []  //节点数组

      this.nodesRelation = [] //关系线数组

      this.category = [] //echarts图例数据数

      let newNodes = []

      // 创建实例

     //1、获取到你数据库里的数据

       this.driver = neo4j.driver('bolt://localhost:8081', neo4j.auth.basic('neo4j', '你的密码'));

      // this.driver = neo4j.driver('bolt://localhost:7687', neo4j.auth.basic('neo4j', '123456'));

      console.log("this.drive", this.driver)

      let that = this;

      that .records = [];

      this.c