利用echarts做知识图谱的可视化

一、简介

        在使用neo4j对数据进行图式存储后,可以通过neo4j的端口,在浏览器上对数据进行查询更新等操作。但是要想将这些数据在自己的网站上进行显示就需要用到前端技术了。在这里我们用echarts对数据进行可视化展示。echarts是基于javascript的图表库。可以用来绘制各种各样的图表。仿制neo4j进行数据展示,可以采用力导向图实现。

二、工具

  • HBuilder
  • JQuery库
  • echarts库

三、实现原理

  1. echarts对象的初始化
  2. 设置数据的类别
  3. 编写功能配置信息option:标题、提示框、工具箱、图的类型、给节点和边赋值
  4. 将option赋给echarts对象

四、具体代码及注释

    1.引入jquery包以及echarts包。

    2.用echarts画图(javascript语言)

        以三国人物为例:

var myChart = echarts.init(document.getElementById('main'));
var categories = [{name:"蜀"},{name:"魏"},{name:"吴"}];
    option = {
        // 图的标题
        title: {
            text: '三国人物关系图'
        },
     
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值