一、简介
在使用neo4j对数据进行图式存储后,可以通过neo4j的端口,在浏览器上对数据进行查询更新等操作。但是要想将这些数据在自己的网站上进行显示就需要用到前端技术了。在这里我们用echarts对数据进行可视化展示。echarts是基于javascript的图表库。可以用来绘制各种各样的图表。仿制neo4j进行数据展示,可以采用力导向图实现。
二、工具
- HBuilder
- JQuery库
- echarts库
三、实现原理
- echarts对象的初始化
- 设置数据的类别
- 编写功能配置信息option:标题、提示框、工具箱、图的类型、给节点和边赋值
- 将option赋给echarts对象
四、具体代码及注释
1.引入jquery包以及echarts包。
2.用echarts画图(javascript语言)
以三国人物为例:
var myChart = echarts.init(document.getElementById('main'));
var categories = [{name:"蜀"},{name:"魏"},{name:"吴"}];
option = {
// 图的标题
title: {
text: '三国人物关系图'
},