Echarts-实现结直肠癌知识图谱可视化

- 知识图谱可视化的方法

- Echarts下载

下载地址：https://echarts.baidu.com/download.html
这里选择下载最新的github版本，zip格式


- 零基础使用Echarts
1.解压以上下载好的文件；
2.在dist文件夹中新建一个HTML；
这里使用sublime text 3 新建HTML文件（sublime text 3下载，安装插件，新建html）
3.技巧：拷贝Echarts实例（example）开源代码
在Echarts的主页，选择“文档—教程”，就可以看到《5 分钟上手 ECharts》，把示例代码复制到HTML中保存，再用浏览器打开即可看到图表，其基本代码如下：

这里，参考ECharts 实现人民的名义关系图谱，作者：Emrys ，出处：http://www.cnblogs.com/emrys5/

- 构建结直肠癌本体
参考资料：
1.中国结直肠癌诊疗规范；
2.结直肠癌ICD-10疾病分类；
3.结直肠癌标准数据集。
这里，未将具体的疾病，症状，检验，检查，治疗等关联起来，只实现展示主要的本体层概念。

- 利用Echarts实现结直肠癌知识图谱可视化

1. 配置关系图
   首先配置series的type为graph，layout为force，即采用力引导布局。layout可以选择none、circular和force。详见官方文档，设置节点、边、文本标签等。

2. 设置鼠标移动到节点处显示节点简介tooltip

tooltip: {
                formatter: function (x) {
                    return x.data.des;
                }
            },

3. 鼠标移到节点上的时候突出显示节点以及节点的边和邻接节点

focusNodeAdjacency : true

4. 数据

                          {
                            name: '结直肠癌',
                            des: '胃肠道中常见的一种恶性肿瘤',
                            symbolSize: 80,
                            itemStyle: {
                                normal: {
                                    color: '#ef5350'
                                }
                            }
                        }

5. 关系

                       {
                            source: '临床表现',target: '结直肠癌'
                        },

6. 全部代码

    
    
     
    
    
    


	

		
	

	结直肠癌知识图谱 
    

    
    
            

                Copyright @ 1997-2019 ZOESOFT. All Rights Reserved. 智业软件 版权所有
            
	

7. 效果图

• 参考文献
  1.ECharts 实现人民的名义关系图谱 代码开源 https://www.cnblogs.com/emrys5/p/echart-relationship-map.html
  2.ECharts官网教程 https://echarts.baidu.com/tutorial.html#5 分钟上手 ECharts
  3.ECharts官网例子 https://echarts.baidu.com/echarts2/doc/example/force1.html#
  4.Echarts关系图配置详解 https://www.jianshu.com/p/b346c45ec3a6
  5.配色 https://www.materialpalette.com/