知识图谱---echarts关系图

最新推荐文章于 2025-03-29 13:18:37 发布

weixin_33725270

最新推荐文章于 2025-03-29 13:18:37 发布

阅读量9.1k

点赞数 3

文章标签： javascript 人工智能 python ViewUI

原文链接：https://juejin.im/post/5cdd0346f265da03681481cb

版权

本文介绍了如何利用Echarts实现三级关系图的知识图谱，详细讲解了data、links、category、symbolSize的配置，展示了数据处理和Echarts参数设置的过程，涉及到的技术栈包括Python、Java、Neo4j和Django。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一：三级关系图知识图谱

最近写了个demo，主要功能是搜索实体，搜索结果显示与该实体相关的公司、子公司、设备、位置、状态、危害这六类，数据是通过我司的数据标注系统提供的。后端用到的技术栈是python3、java1.8、neo4j3.5和Django。前端通过Django获取数据，做数据处理，搭配好echarts配置参数，比如data、links、categories、symbolSize。

二：先上效果图：

三：data、links、category、symbolSize数据配置

3.1 data配置：想要展示三个层级，定义了三个node 每个node里都配置了name、draggable、category、id、symbolSize

3.2 links配置：数据指向

3.3 category：功能是每个状态对应一个颜色

3.4 symbolSize：data节点的大小，一级的大小是全部二级的总和，二级是三级的总和（原始节点的大小是后台返回来的，做的求和）

//echarts 数据
            var data = [];
            var links = [];
            var n2 = []
            //构造展示的数据
            var maxDisPlayNode = 50;
            var id = 0;
            var num = {}
            var num2 = ''
            var temp = [];
            for (var i = 0; id < maxDisPlayNode && i < searchResult.length; i++) {
              
              var newset1 = searchResult[i]['n1']['label']
              var newset2 = searchResult[i]['n2']['label']
              var newset3 = searchResult[i]['n3']['label']
              n2.push(newset1, newset2, newset3)
              for (var i = 0; i < n2.length; i++) {
                if (temp.indexOf(n2[i]) == -1) {
                  temp.push(n2[i]);
                }
              }


              //获取node1
              node1 = {};
              node1['name'] = searchResult[i]['n1']['title'];
              node1['draggable'] = true;


              var n2Category = searchResult[i]['n1']['label']

              if (n2Category == 'company') {
                node1['category'] = 0;
              } else if (n2Category == 'subsidiary') {
                node1['category'] = 1;
              } else if (n2Category == 'device') {
                node1['category'] = 2;
              } else if (n2Category == 'location') {
                node1['category'] = 3;
              }  else if (n2Category == 'status') {
                node1['category'] = 4;
              } else if (n2Category == 'danger') {
                node1['category'] = 5;
              }

              var flag = 1;
              relationTarget = id.toString();
              for (var j = 0; j < data.length; j+

最低0.47元/天解锁文章