- 知识图谱可视化的方法
- 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中保存,再用浏览器打开即可看到图表,其基本代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<!-- 引入 echarts.js -->
<script src="echarts.min.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
</body>
</html>
这里,参考ECharts 实现人民的名义关系图谱,作者:Emrys ,出处:http://www.cnblogs.com/emrys5/
- 构建结直肠癌本体
参考资料:
1.中国结直肠癌诊疗规范;
2.结直肠癌ICD-10疾病分类;
3.结直肠癌标准数据集。
这里,未将具体的疾病,症状,检验,检查,治疗等关联起来,只实现展示主要的本体层概念。
- 利用Echarts实现结直肠癌知识图谱可视化
-
配置关系图
首先配置series的type为graph,layout为force,即采用力引导布局。layout可以选择none、circular和force。详见官方文档,设置节点、边、文本标签等。 -
设置鼠标移动到节点处显示节点简介tooltip
tooltip: {
formatter: function (x) {
return x.data.des;
}
},
- 鼠标移到节点上的时候突出显示节点以及节点的边和邻接节点
focusNodeAdjacency : true
- 数据
{
name: '结直肠癌',
des: '胃肠道中常见的一种恶性肿瘤',
symbolSize: 80,
itemStyle: {
normal: {
color: '#ef5350'
}
}
}
- 关系
{
source: '临床表现',target: '结直肠癌'
},
- 全部代码
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no" />
<title>结直肠癌知识图谱</title>
<meta name="viewport" content="width=1250" />
<script src="jquery-1.10.2.min.js"></script>
<script src="echarts.min.js"></script>
<style type="text/css">
html, body, #main { height: 100%; width: 100%; margin: 0; padding: 0 }
.nav{margin-left: auto; margin-right: auto; width:64px background-color: gray }
</style>
</head>
<body>
<div id="header" style=" background-color: #7986cb !important; color: #fff;">
<img class="logo" src="./logo.png" style="max-height: 31px; float:left;padding: 12px 30px; ">
<h1 style="margin:0;font-size: 23px; padding: 10px 150px;font-family: ">
结直肠癌知识图谱 </h1></div>
<div id="main" style="margin: 10px auto; width: 1050px; height: calc( 100vh - 100px ); overflow: hidden; border: 1px solid #CCC; border-radius: 10px;"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
option = {
tooltip: {
formatter: function (x) {
return x.data.des;
}
},
series: [
{
type: 'graph',
layout: 'force',
symbolSize: 65,
roam: true,
edgeSymbolSize: [4, 10],
edgeLabel: {
normal: {
textStyle: {
fontSize: 20
}
}
},
force: {
repulsion: 1550,
gravity : 0.95,
edgeLength: [10, 50]
},
draggable: true,
focusNodeAdjacency : true,
itemStyle: {
normal: {
color: '#4b565b',
borderColor : 'rgba(255,215,0,0.5)',
borderWidth : 2,
opacity : 0.99
}
},
lineStyle: {
normal: {
width: 2
}
},
edgeLabel: {
normal: {
show: false,
formatter: function (x) {
return x.data.name;
}
}
},
label: {
normal: {
show: true,
position : 'inside',
textStyle: {
color : '#4b565b',
fontSize: 12
}
}
},
data: [
{
name: '结直肠癌',
des: '胃肠道中常见的一种恶性肿瘤',
symbolSize: 80,
itemStyle: {
normal: {
color: '#ef5350'
}
}
}, {
name: '临床表现',
symbolSize: 65,
itemStyle: {
normal: {
color: 'orange'
}
}
}, {
name: '排便习惯改变',
symbolSize: 50,
itemStyle: {normal: {color: '#82b1ff'}}
}, {
name: '大便性状改变',
symbolSize: 50,
itemStyle: {normal: {color: '#82b1ff'}}
}, {
name: '腹痛或腹部不适',
symbolSize: 50,
itemStyle: {normal: {color: '#82b1ff'}}
}, {
name: '腹部肿块',
symbolSize: 50,
itemStyle: {normal: {color: '#82b1ff'}}
}, {
name: '肠梗阻相关症状',
symbolSize: 50,
itemStyle: {normal: {color: '#82b1ff'}}
}, {
name: '贫血',
symbolSize: 50,
itemStyle: {normal: {color: '#82b1ff'}}
}, {
name: '消瘦',
symbolSize: 50,
itemStyle: {normal: {color: '#82b1ff'}}
}, {
name: '低热',
symbolSize: 50,
itemStyle: {normal: {color: '#82b1ff'}}
}, {
name: '乏力',
symbolSize: 50,
itemStyle: {normal: {color: '#82b1ff'}}
},{
name: '体格检查',
symbolSize: 65,
itemStyle: {
normal: {
color: 'orange'
}
}
}, {name: '身高',
symbolSize: 50,
itemStyle: {normal: {color: '#80cbc4'}}
}, {name: '体重',
symbolSize: 50,
itemStyle: {normal: {color: '#80cbc4'}}
}, {name: '体重指数',
symbolSize: 50,
itemStyle: {normal: {color: '#80cbc4'}}
}, {name: '体表面积',
symbolSize: 50,
itemStyle: {normal: {color: '#80cbc4'}}
}, {name: '脉压',
symbolSize: 50,
itemStyle: {normal: {color: '#80cbc4'}}
}, {name: 'KPS评分',
symbolSize: 50,
itemStyle: {normal: {color: '#80cbc4'}}
}, {name: 'ECOG评分',
symbolSize: 50,
itemStyle: {normal: {color: '#80cbc4'}}
}, {name: '收缩压',
symbolSize: 50,
itemStyle: {normal: {color: '#80cbc4'}}
}, {name: '舒张压',
symbolSize: 50,
itemStyle: {normal: {color: '#80cbc4'}}
}, {
name: '专科检查',
symbolSize: 65,
itemStyle: {
normal: {
color: 'orange'
}
}
}, {name: '腹部肿块 ',
symbolSize: 50,
itemStyle: {normal: {color: '#90a4ae'}}
}, {name: '腹部压痛',
symbolSize: 50,
itemStyle: {normal: {color: '#90a4ae'}}
}, {name: '移动性浊音标志',
symbolSize: 50,
itemStyle: {normal: {color: '#90a4ae'}}
}, {name: '是否有结肠直诊标志',
symbolSize: 50,
itemStyle: {normal: {color: '#90a4ae'}}
}, {name: '肿块肠腔内位置',
symbolSize: 50,
itemStyle: {normal: {color: '#90a4ae'}}
}, {name: '肿块环绕周径比例',
symbolSize: 50,
itemStyle: {normal: {color: '#90a4ae'}}
}, {name: '肿块上缘距肛距离',
symbolSize: 50,
itemStyle: {normal: {color: '#90a4ae'}}
}, {name: '肿块下缘距肛距离',
symbolSize: 50,
itemStyle: {normal: {color: '#90a4ae'}}
}, {name: '肿块活动度',
symbolSize: 50,
itemStyle: {normal: {color: '#90a4ae'}}
}, {name: '指套染血标志',
symbolSize: 50,
itemStyle: {normal: {color: '#90a4ae'}}
}, {name: '盆底结节',
symbolSize: 50,
itemStyle: {normal: {color: '#90a4ae'}}
}, {
name: '实验室检验',
symbolSize: 65,
itemStyle: {
normal: {
color: 'orange'
}
}
}, {name: '血常规',
des: '了解有无贫血',
symbolSize: 50,
itemStyle: {normal: {color: '#66bb6a'}}
}, {name: '白细胞计数',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '中性粒细胞比率',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '淋巴细胞比率',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '单核细胞比率',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '红细胞计数',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '血红蛋白',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '平均血红蛋白浓度',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '血小板比率',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '血小板平均体积',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '血小板分布宽度',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '尿常规',
des: '观察有无血尿,结合泌尿系影像学检查了解肿瘤是否侵犯泌尿系统',
symbolSize: 50,
itemStyle: {normal: {color: '#66bb6a'}}
}, {name: '尿糖',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '尿胆红素',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '尿酮体',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '尿蛋白',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '尿胆原',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '上皮细胞',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '便常规',
des: '注意有无红细胞、白细胞',
symbolSize: 50,
itemStyle: {normal: {color: '#66bb6a'}}
}, {name: '粪便隐血试验',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '颜色',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '性状',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '外观',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '红细胞-粪便',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '白细胞-粪便',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '生化检查',
symbolSize: 50,
itemStyle: {normal: {color: '#66bb6a'}}
}, {name: '血尿素氮',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '丙氨酸氨基转移酶',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '天门冬氨酸氨基转移酶',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '总胆红素',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '直接胆红素',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '间接胆红素',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '凝血',
symbolSize: 50,
itemStyle: {normal: {color: '#66bb6a'}}
}, {name: '凝血酶原时间',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '活化部分凝血活酶时间',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '凝血酶时间',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '病毒相关检查',
symbolSize: 50,
itemStyle: {normal: {color: '#66bb6a'}}
}, {name: 'EB病毒VCA-IgA的抗体',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '乙型肝炎表面抗原定性',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '乙型肝炎表面抗原定量',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '肿瘤标志物',
des: '结直肠癌患者在诊断、治疗前、评价疗效、随访时必须检测癌胚抗原、肿瘤标志物',
symbolSize: 50,
itemStyle: {normal: {color: '#66bb6a'}}
}, {name: '甲胎蛋白',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '糖类抗原199',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '糖类抗原125',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '糖类抗原153',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '癌胚抗原',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {name: '糖类抗原724',symbolSize: 50,itemStyle: {normal: {color: '#f48fb1'}}
}, {
name: '内镜检查',
symbolSize: 65,
itemStyle: {
normal: {
color: 'orange'
}
}
}, {name: '直肠镜',
symbolSize: 50,
itemStyle: {normal: {color: '#29b6f6'}}
}, {name: '乙状结肠镜',
symbolSize: 50,
itemStyle: {normal: {color: '#29b6f6'}}
}, {name: '全结肠镜',
symbolSize: 50,
itemStyle: {normal: {color: '#29b6f6'}}
}, {name: '肿瘤大小',symbolSize: 50,itemStyle: {normal: {color: '#bdbdbd'}}
}, {name: '息肉数目',symbolSize: 50,itemStyle: {normal: {color: '#bdbdbd'}}
}, {name: '肿瘤下缘距肛缘距离',symbolSize: 50,itemStyle: {normal: {color: '#bdbdbd'}}
}, {name: '肿瘤占肠壁',symbolSize: 50,itemStyle: {normal: {color: '#bdbdbd'}}
}, {name: '肿瘤与周围组织分界',symbolSize: 50,itemStyle: {normal: {color: '#bdbdbd'}}
}, {name: '是否有息肉标志',symbolSize: 50,itemStyle: {normal: {color: '#bdbdbd'}}
}, {name: '肠镜能否通过标记',symbolSize: 50,itemStyle: {normal: {color: '#bdbdbd'}}
}, {name: '肿瘤位置',symbolSize: 50,itemStyle: {normal: {color: '#bdbdbd'}}
}, {
name: '影像学检查',
symbolSize: 65,
itemStyle: {
normal: {
color: 'orange'
}
}
}, {name: 'CT',
des:'推荐行胸部/全腹/盆腔CT增强扫描检查',
symbolSize: 50,
itemStyle: {normal: {color: '#bcaaa4'}}
}, {name: '检查部位',symbolSize: 50,itemStyle: {normal: {color: '#8c9eff'}}
}, {name: '检查方法',symbolSize: 50,itemStyle: {normal: {color: '#8c9eff'}}
}, {name: '影像所见',symbolSize: 50,itemStyle: {normal: {color: '#8c9eff'}}
}, {name: '初步诊断',symbolSize: 50,itemStyle: {normal: {color: '#8c9eff'}}
}, {name: 'MR',
des: '推荐MR作为直肠癌常规检查项目',
symbolSize: 50,
itemStyle: {normal: {color: '#bcaaa4'}}
}, {name: 'PET-CT',
des: '不推荐常规使用,但对于病情复杂、常规检查无法明确诊断的患者可作为有效的辅助检查。术前检查提示为Ⅲ期以上肿瘤,为推荐使用',
symbolSize: 50,
itemStyle: {normal: {color: '#bcaaa4'}}
}, {name: '超声',
des: '推荐直肠腔内超声用于早期直肠癌(T2期及以下)分期诊断',
symbolSize: 50,
itemStyle: {normal: {color: '#bcaaa4'}}
}, {name: '主要测值',symbolSize: 50,itemStyle: {normal: {color: '#8c9eff'}}
}, {name: '骨扫描',
symbolSize: 50,
itemStyle: {normal: {color: '#bcaaa4'}}
}, {name: '经直肠超声',
symbolSize: 50,
itemStyle: {normal: {color: '#bcaaa4'}}
}, {name: '超声描述',symbolSize: 50,itemStyle: {normal: {color: '#8c9eff'}}
}, {name: '超声提示',symbolSize: 50,itemStyle: {normal: {color: '#8c9eff'}}
}, {name: '上消化道造影',
symbolSize: 50,
itemStyle: {normal: {color: '#bcaaa4'}}
}, {name: '病变性质',symbolSize: 50,itemStyle: {normal: {color: '#8c9eff'}}
}, {name: '病变大小',symbolSize: 50,itemStyle: {normal: {color: '#8c9eff'}}
}, {name: '病变位置',symbolSize: 50,itemStyle: {normal: {color: '#8c9eff'}}
}, {name: 'X线',
des: '推荐气钡双重X线造影作为筛查及诊断结直肠癌的检查方法,但不能应用于结直肠癌分期诊断',
symbolSize: 50,
itemStyle: {normal: {color: '#bcaaa4'}}
}, {
name: '病理及免疫组化',
symbolSize: 65,
itemStyle: {
normal: {
color: 'orange'
}
}
}, {name: '阳性淋巴结数目',symbolSize: 50,itemStyle: {normal: {color: '#4dd0e1'}}
}, {name: '组织学类型',symbolSize: 50,itemStyle: {normal: {color: '#4dd0e1'}}
}, {name: '转移部位',symbolSize: 50,itemStyle: {normal: {color: '#4dd0e1'}}
}, {name: '病理标本类型',symbolSize: 50,itemStyle: {normal: {color: '#4dd0e1'}}
}, {name: '浸润深度',symbolSize: 50,itemStyle: {normal: {color: '#4dd0e1'}}
}, {name: '血管侵犯标志',symbolSize: 50,itemStyle: {normal: {color: '#4dd0e1'}}
}, {name: '神经侵犯标志',symbolSize: 50,itemStyle: {normal: {color: '#4dd0e1'}}
}, {name: '分化程度',symbolSize: 50,itemStyle: {normal: {color: '#4dd0e1'}}
}, {
name: '分子诊断',
symbolSize: 65,
itemStyle: {
normal: {
color: 'orange'
}
}
}, {name: '样本类型',symbolSize: 50,itemStyle: {normal: {color: '#b3e5fc'}}
}, {name: '检测名称',symbolSize: 50,itemStyle: {normal: {color: '#b3e5fc'}}
}, {name: '检测方法',symbolSize: 50,itemStyle: {normal: {color: '#b3e5fc'}}
}, {name: 'BRAF基因检测',symbolSize: 50,itemStyle: {normal: {color: '#b3e5fc'}}
}, {name: '基因突变标志',symbolSize: 50,itemStyle: {normal: {color: '#b3e5fc'}}
}, {name: '微卫星不稳定性',symbolSize: 50,itemStyle: {normal: {color: '#b3e5fc'}}
}, {name: '甲基化检测标志',symbolSize: 50,itemStyle: {normal: {color: '#b3e5fc'}}
}, {name: 'KRAS突变类型',symbolSize: 50,itemStyle: {normal: {color: '#b3e5fc'}}
}, {name: 'NRAS突变类型',symbolSize: 50,itemStyle: {normal: {color: '#b3e5fc'}}
}, {
name: '治疗',
symbolSize: 65,
itemStyle: {
normal: {
color: 'orange'
}
}
}, {name: '内科治疗',
symbolSize: 50,
itemStyle: {normal: {color: '#80deea'}}
}, {name: '内科治疗靶向治疗',symbolSize: 50,itemStyle: {normal: {color: '#c5cae9'}}
}, {name: '内科治疗临床试验',symbolSize: 50,itemStyle: {normal: {color: '#c5cae9'}}
}, {name: '内科治疗化疗',symbolSize: 50,itemStyle: {normal: {color: '#c5cae9'}}
}, {name: '放射治疗',
symbolSize: 50,
itemStyle: {normal: {color: '#80deea'}}
}, {name: '手术治疗',
symbolSize: 50,
itemStyle: {normal: {color: '#80deea'}}
}, {name: '介入治疗',
symbolSize: 50,
itemStyle: {normal: {color: '#80deea'}}
}, {
name: '患者信息',
symbolSize: 65,
itemStyle: {
normal: {
color: 'orange'
}
}
}, {name: '相关疾病史',
symbolSize: 50,
itemStyle: {normal: {color: '#AFB42B'}}
}, {name: '溃疡性结肠炎',symbolSize: 50,itemStyle: {normal: {color: '#cfd8dc'}}
}, {name: '结直肠息肉',symbolSize: 50,itemStyle: {normal: {color: '#cfd8dc'}}
}, {name: '克罗恩病',symbolSize: 50,itemStyle: {normal: {color: '#cfd8dc'}}
}, {name: '血吸虫病',symbolSize: 50,itemStyle: {normal: {color: '#cfd8dc'}}
}, {name: '相关家族史',
symbolSize: 50,
itemStyle: {normal: {color: '#AFB42B'}}
}, {name: '林奇综合征',symbolSize: 50,itemStyle: {normal: {color: '#9fa8da'}}
}, {name: '家族性肿瘤性息肉病',symbolSize: 50,itemStyle: {normal: {color: '#9fa8da'}}
}, {name: '黑斑息肉综合证',symbolSize: 50,itemStyle: {normal: {color: '#9fa8da'}}
}, {name: '基本信息',
symbolSize: 50,
itemStyle: {normal: {color: '#AFB42B'}}
}, {name: '姓名',symbolSize: 50,itemStyle: {normal: {color: '#dcedc8'}}
}, {name: '性别',symbolSize: 50,itemStyle: {normal: {color: '#dcedc8'}}
}, {name: '年龄',symbolSize: 50,itemStyle: {normal: {color: '#dcedc8'}}
}, {name: '出生日期',symbolSize: 50,itemStyle: {normal: {color: '#dcedc8'}}
}, {name: '民族',symbolSize: 50,itemStyle: {normal: {color: '#dcedc8'}}
}, {name: '联系电话',symbolSize: 50,itemStyle: {normal: {color: '#dcedc8'}}
}, {name: '户籍地址',symbolSize: 50,itemStyle: {normal: {color: '#dcedc8'}}
}, {name: '血型',symbolSize: 50,itemStyle: {normal: {color: '#dcedc8'}}
}, {
name: 'ICD-10疾病分类',
symbolSize: 65,
itemStyle: {
normal: {
color: 'orange'
}
}
}, {name: '肿瘤',symbolSize: 50,itemStyle: {normal: {color: '#ffe0b2'}}
}, {name: '消化系统疾病',symbolSize: 50,itemStyle: {normal: {color: '#ffe0b2'}}
}, {name: '影响健康状态和与保健机构接触的因素',symbolSize: 50,itemStyle: {normal: {color: '#ffe0b2'}}
}, {name: '结肠恶性肿瘤',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '直肠乙状结肠连接处恶性肿瘤',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '直肠恶性肿瘤',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '肛门和肛管的恶性肿瘤',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '呼吸和消化器官的继发性恶性肿瘤',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '消化器官其他和未特指的原位癌',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '其他和未特指部位的原位癌',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '结肠、直肠、肛门和肛管良性肿瘤',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '口腔和消化器官动态未定或动态未知的肿瘤',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '其他和未特指部位的动态未定或动态未知的肿瘤',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '肛门和直肠区脓肿',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '肠的其他疾病',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '其他医疗照顾',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '医疗个人史',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
}, {name: '其他手术后状态',symbolSize: 50,itemStyle: {normal: {color: '#b39ddb'}}
},
],
links: [
{
source: '临床表现',target: '结直肠癌'
}, {
source: '体格检查',target: '结直肠癌'
}, {
source: '专科检查',target: '结直肠癌'
}, {
source: '实验室检验',target: '结直肠癌'
}, {
source: '内镜检查',target: '结直肠癌'
}, {
source: '影像学检查',target: '结直肠癌'
}, {
source: '病理及免疫组化',target: '结直肠癌'
}, {
source: '分子诊断',target: '结直肠癌'
}, {
source: '治疗',target: '结直肠癌'
}, {
source: '患者信息',target: '结直肠癌'
}, {
source: 'ICD-10疾病分类',target: '结直肠癌'
}, {
source: '排便习惯改变',target: '临床表现'
}, {
source: '大便性状改变',target: '临床表现'
}, {
source: '腹痛或腹部不适',target: '临床表现'
}, {
source: '腹部肿块',target: '临床表现'
}, {
source: '肠梗阻相关症状',target: '临床表现'
}, {
source: '贫血',target: '临床表现'
}, {
source: '消瘦',target: '临床表现'
}, {
source: '低热',target: '临床表现'
}, {
source: '乏力',target: '临床表现'
}, {source: '肿瘤',target: 'ICD-10疾病分类'
}, {source: '结肠恶性肿瘤',target: '肿瘤'},{source: '直肠乙状结肠连接处恶性肿瘤',target: '肿瘤'},{source: '直肠恶性肿瘤',target: '肿瘤'},{source: '肛门和肛管的恶性肿瘤',target: '肿瘤'},{source: '呼吸和消化器官的继发性恶性肿瘤',target: '肿瘤'},{source: '消化器官其他和未特指的原位癌',target: '肿瘤'},{source: '其他和未特指部位的原位癌',target: '肿瘤'},{source: '结肠、直肠、肛门和肛管良性肿瘤',target: '肿瘤'},{source: '口腔和消化器官动态未定或动态未知的肿瘤',target: '肿瘤'},{source: '其他和未特指部位的动态未定或动态未知的肿瘤',target: '肿瘤'
},{source: '消化系统疾病',target: 'ICD-10疾病分类'
},{source: '肛门和直肠区脓肿',target: '消化系统疾病'},{source: '肠的其他疾病',target: '消化系统疾病'
},{source: '影响健康状态和与保健机构接触的因素',target: 'ICD-10疾病分类'
},{source: '其他医疗照顾',target: '影响健康状态和与保健机构接触的因素'},{source: '医疗个人史',target: '影响健康状态和与保健机构接触的因素'},{source: '其他手术后状态',target: '影响健康状态和与保健机构接触的因素'
}, {
source: '血常规',target: '实验室检验'
}, {source: '白细胞计数',target: '血常规'},{source: '中性粒细胞比率',target: '血常规'},{source: '淋巴细胞比率',target: '血常规'},{source: '单核细胞比率',target: '血常规'},{source: '红细胞计数',target: '血常规'},{source: '血红蛋白',target: '血常规'},{source: '平均血红蛋白浓度',target: '血常规'},{source: '血小板比率',target: '血常规'},{source: '血小板平均体积',target: '血常规'},{source: '血小板分布宽度',target: '血常规'
}, {
source: '便常规',target: '实验室检验'
}, {source: '粪便隐血试验',target: '便常规'},{source: '颜色',target: '便常规'},{source: '性状',target: '便常规'},{source: '外观',target: '便常规'},{source: '红细胞-粪便',target: '便常规'},{source: '白细胞-粪便',target: '便常规'
}, {
source: '生化检查',target: '实验室检验'
}, {source: '血尿素氮',target: '生化检查'},{source: '丙氨酸氨基转移酶',target: '生化检查'},{source: '天门冬氨酸氨基转移酶',target: '生化检查'},{source: '总胆红素',target: '生化检查'},{source: '直接胆红素',target: '生化检查'},{source: '间接胆红素',target: '生化检查'
}, {
source: '病毒相关检查',target: '实验室检验'
}, {source: 'EB病毒VCA-IgA的抗体',target: '病毒相关检查'},{source: '乙型肝炎表面抗原定性',target: '病毒相关检查'},{source: '乙型肝炎表面抗原定量',target: '病毒相关检查'
}, {
source: '凝血',target: '实验室检验'
}, {source: '凝血酶原时间',target: '凝血'},{source: '活化部分凝血活酶时间',target: '凝血'},{source: '凝血酶时间',target: '凝血'
}, {
source: '肿瘤标志物',target: '实验室检验'
}, {source: '甲胎蛋白',target: '肿瘤标志物'},{source: '糖类抗原199',target: '肿瘤标志物'},{source: '糖类抗原125',target: '肿瘤标志物'},{source: '糖类抗原153',target: '肿瘤标志物'},{source: '癌胚抗原',target: '肿瘤标志物'},{source: '糖类抗原724',target: '肿瘤标志物'
}, {
source: '尿常规',target: '实验室检验'
}, {source: '尿糖',target: '尿常规'},{source: '尿胆红素',target: '尿常规'},{source: '尿酮体',target: '尿常规'},{source: '尿蛋白',target: '尿常规'},{source: '尿胆原',target: '尿常规'},{source: '上皮细胞',target: '尿常规'
}, {
source: '直肠镜',target: '内镜检查'
}, {
source: '乙状结肠镜',target: '内镜检查'
}, {
source: '全结肠镜',target: '内镜检查'
}, {source: '肿瘤大小',target: '全结肠镜'},{source: '息肉数目',target: '全结肠镜'},{source: '肿瘤下缘距肛缘距离',target: '全结肠镜'},{source: '肿瘤占肠壁',target: '全结肠镜'},{source: '肿瘤与周围组织分界',target: '全结肠镜'},{source: '是否有息肉标志',target: '全结肠镜'},{source: '肠镜能否通过标记',target: '全结肠镜'},{source: '肿瘤位置',target: '全结肠镜'
}, {
source: '内窥镜',target: '内镜检查'
}, {
source: '身高',target: '体格检查'
}, {
source: '体重',target: '体格检查'
}, {
source: '体重指数',target: '体格检查'
}, {
source: '体表面积',target: '体格检查'
}, {
source: '脉压',target: '体格检查'
}, {
source: 'KPS评分',target: '体格检查'
}, {
source: 'ECOG评分',target: '体格检查'
}, {
source: '收缩压',target: '体格检查'
}, {
source: '舒张压',target: '体格检查'
}, {
source: '腹部肿块 ',target: '专科检查'
}, {
source: '腹部压痛',target: '专科检查'
}, {
source: '移动性浊音标志',target: '专科检查'
}, {
source: '是否有结肠直诊标志',target: '专科检查'
}, {
source: '肿块肠腔内位置',target: '专科检查'
}, {
source: '肿块环绕周径比例',target: '专科检查'
}, {
source: '肿块上缘距肛距离',target: '专科检查'
}, {
source: '肿块下缘距肛距离',target: '专科检查'
}, {
source: '肿块活动度',target: '专科检查'
}, {
source: '指套染血标志',target: '专科检查'
}, {
source: '盆底结节',target: '专科检查'
}, {source: '样本类型',target: '分子诊断'},{source: '检测名称',target: '分子诊断'},{source: '检测方法',target: '分子诊断'},{source: 'BRAF基因检测',target: '分子诊断'},{source: '基因突变标志',target: '分子诊断'},{source: '微卫星不稳定性',target: '分子诊断'},{source: '甲基化检测标志',target: '分子诊断'},{source: 'KRAS突变类型',target: '分子诊断'},{source: 'NRAS突变类型',target: '分子诊断'
}, {
source: 'CT',target: '影像学检查'
}, {source: '检查部位',target: 'CT'},{source: '检查方法',target: 'CT'},{source: '影像所见',target: 'CT'},{source: '初步诊断',target: 'CT'
}, {
source: 'MR',target: '影像学检查'
}, {source: '检查部位',target: 'MR'},{source: '检查方法',target: 'MR'},{source: '影像所见',target: 'MR'},{source: '初步诊断',target: 'MR'
}, {
source: 'PET-CT',target: '影像学检查'
}, {source: '检查部位',target: 'PET-CT'},{source: '检查方法',target: 'PET-CT'},{source: '影像所见',target: 'PET-CT'},{source: '初步诊断',target: 'PET-CT'
}, {
source: '超声',target: '影像学检查'
}, {source: '主要测值',target: '超声'},{source: '超声描述',target: '超声'},{source: '超声提示',target: '超声'
}, {
source: '骨扫描',target: '影像学检查'
}, {source: '检查方法',target: '骨扫描'},{source: '影像所见',target: '骨扫描'},{source: '初步诊断',target: '骨扫描'
}, {
source: '经直肠超声',target: '影像学检查'
}, {source: '检查部位',target: '经直肠超声'},{source: '超声描述',target: '经直肠超声'},{source: '超声提示',target: '经直肠超声'
}, {
source: '上消化道造影',target: '影像学检查'
}, {source: '病变性质',target: '上消化道造影'},{source: '病变大小',target: '上消化道造影'},{source: '病变位置',target: '上消化道造影'
}, {
source: 'X线',target: '影像学检查'
}, {source: '检查部位',target: 'X线'},{source: '检查方法',target: 'X线'},{source: '影像所见',target: 'X线'},{source: '初步诊断',target: 'X线'
}, {
source: '阳性淋巴结数目',target: '病理及免疫组化'}, {source: '组织学类型',target: '病理及免疫组化'},{source: '转移部位',target: '病理及免疫组化'},{source: '病理标本类型',target: '病理及免疫组化'},{source: '浸润深度',target: '病理及免疫组化'},{source: '血管侵犯标志',target: '病理及免疫组化'},{source: '神经侵犯标志',target: '病理及免疫组化'},{source: '分化程度',target: '病理及免疫组化'
}, {
source: '内科治疗',target: '治疗'
}, {source: '内科治疗靶向治疗',target: '内科治疗'},{source: '内科治疗临床试验',target: '内科治疗'},{source: '内科治疗化疗',target: '内科治疗'
}, {
source: '放射治疗',target: '治疗'
}, {
source: '手术治疗',target: '治疗'
}, {
source: '介入治疗',target: '治疗'
}, {
source: '相关疾病史',target: '患者信息'
}, {source: '溃疡性结肠炎',target: '相关疾病史'},{source: '结直肠息肉',target: '相关疾病史'},{source: '克罗恩病',target: '相关疾病史'},{source: '血吸虫病',target: '相关疾病史'
}, {
source: '相关家族史',target: '患者信息'
}, {source: '林奇综合征',target: '相关家族史'},{source: '家族性肿瘤性息肉病',target: '相关家族史'},{source: '黑斑息肉综合证',target: '相关家族史'
}, {
source: '基本信息',target: '患者信息'
}, {source: '姓名',target: '基本信息'},{source: '性别',target: '基本信息'},{source: '年龄',target: '基本信息'},{source: '出生日期',target: '基本信息'},{source: '民族',target: '基本信息'},{source: '户籍地址',target: '基本信息'},{source: '血型',target: '基本信息'},{source: '联系电话',target: '基本信息'
}]
}
]
};
myChart.setOption(option);
</script>
<!-- 版权信息 -->
<div class="copyright-container" style="text-align: center;font-size: 14px">
<span>Copyright @ 1997-2019 ZOESOFT. All Rights Reserved. 智业软件 版权所有</span>
</div>
</div>
</body>
</html>
- 效果图
- 参考文献
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/