中国传媒大学echarts graph配置项内容和展示
各学院专业关系结构图
配置项如下
options = [{
backgroundColor: new echarts.graphic.RadialGradient(0.3, 0.3, 0.8, [{
offset: 0,
color: '#f7f8fa'
}, {
offset: 1,
color: '#cdd0d5'
}]),
title:{
text: "中国传媒大学各学院专业关系结构图",
top: "top",
left: "center"
},
tooltip: {},
legend: [{
formatter: function (name) {
return echarts.format.truncateText(name, 40, '14px Microsoft Yahei', '…');
},
tooltip: {
show: true
},
}],
toolbox: {
show : true,
feature : {
dataView : {show: true, readOnly: true},
restore : {show: true},
saveAsImage : {show: true}
}
},
animationDuration: 3000,
animationEasingUpdate: 'quinticInOut',
series: [{
name: '中国传媒大学',
type: 'graph',
layout: 'force',
force: {
repulsion: 50
},
data: [{
"name": "中国传媒大学",
// "x": 0,
// y: 0,
"symbolSize": 20,
"draggable": "true",
"value": 15
}, {
"name": "新闻传播学部",
"value": 3,
"symbolSize": 9,
"category": "新闻传播学部",
"draggable": "true"
}, {
"name": "电视学院",
"symbolSize": 3,
"category": "新闻传播学部",
"draggable": "true",
"value": 1
}, {
"name": "新闻学院",
"symbolSize": 3,
"category": "新闻传播学部",
"draggable": "true",
"value": 1
}, {
"name": "传播研究院",
"symbolSize": 3,
"category": "新闻传播学部",
"draggable": "true",
"value": 1
}, {
"name": "继续教育学部",
"value": 6,
"symbolSize": 18,
"category": "继续教育学部",
"draggable": "true"
}, {
"name": "远程与继续教育学院",
"symbolSize": 3,
"category": "继续教育学部",
"draggable": "true",
"value": 1
}, {
"name": "培训学院",
"symbolSize": 3,
"category": "继续教育学部",
"draggable": "true",
"value": 1
}, {
"name": "高等职业技术学院",
"symbolSize": 3,
"category": "继续教育学部",
"draggable": "true",
"value": 1
}, {
"name": "媒介与公共事务研究院",
"symbolSize": 3,
"category": "继续教育学部",
"draggable": "true",
"value": 1
}, {
"name": "凤凰学院",
"symbolSize": 3,
"category": "继续教育学部",
"draggable": "true",
"value": 1
}, {
"name": "国际（预科）教育中心",
"symbolSize": 3,
"category": "继续教育学部",
"draggable": "true",
"value": 1
}, {
"name": "艺术学部",
"value": 5,
"symbolSize": 15,
"category": "艺术学部",
"draggable": "true"
}, {
"name": "戏剧影视学院",
"symbolSize": 3,
"category": "艺术学部",
"draggable": "true",
"value": 1
}, {
"name": "动画与数字艺术学院",
"symbolSize": 3,
"category": "艺术学部",
"draggable": "true",
"value": 1
}, {
"name": "音乐与录音艺术学院",
"symbolSize": 3,
"category": "艺术学部",
"draggable": "true",
"value": 1
}, {
"name": "艺术研究院",
"symbolSize": 3,
"category": "艺术学部",
"draggable": "true",
"value": 1
}, {
"name": "艺术教育中心",
"symbolSize": 3,
"category": "艺术学部",
"draggable": "true",
"value": 1
}, {
"name": "协同创新中心",
"value": 2,
"symbolSize": 6,
"category": "协同创新中心",
"draggable": "true"
}, {
"name": "新媒体研究院",
"symbolSize": 3,
"category": "协同创新中心",
"draggable": "true",
"value": 1
}, {
"name": "传媒科学研究所",
"symbolSize": 3,
"category": "协同创新中心",
"draggable": "true",
"value": 1
}, {
"name": "文法学部",
"value": 3,
"symbolSize": 9,
"category": "文法学部",
"draggable": "true"
}, {
"name": "文学院",
"symbolSize": 3,
"category": "文法学部",
"draggable": "true",
"value": 1
}, {
"name": "政治与法律学院",
"symbolSize": 3,
"category": "文法学部",
"draggable": "true",
"value": 1
}, {
"name": "汉语国际教育学院",
"symbolSize": 3,
"category": "文法学部",
"draggable": "true",
"value": 1
},{
"name": "理工学部",
"value": 4,
"symbolSize": 12,
"category": "理工学部",
"draggable": "true"
}, {
"name": "信息工程学院",
"symbolSize": 3,
"category": "理工学部",
"draggable": "true",
"value": 1
}, {
"name": "理学院",
"symbolSize": 3,
"category": "理工学部",
"draggable": "true",
"value": 1
}, {
"name": "计算机学院",
"symbolSize": 3,
"category": "理工学部",
"draggable": "true",
"value": 1
}, {
"name": "实验教学中心",
"symbolSize": 3,
"category": "理工学部",
"draggable": "true",
"value": 1
}, {
"name": "经管学部",
"value": 4,
"symbolSize": 12,
"category": "经管学部",
"draggable": "true"
}, {
"name": "经济与管理学院",
"symbolSize": 3,
"category": "经管学部",
"draggable": "true",
"value": 1
}, {
"name": "商学院",
"symbolSize": 3,
"category": "经管学部",
"draggable": "true",
"value": 1
}, {
"name": "文化发展研究院",
"symbolSize": 3,
"category": "经管学部",
"draggable": "true",
"value": 1
}, {
"name": "雄安新区发展研究院",
"symbolSize": 3,
"category": "经管学部",
"draggable": "true",
"value": 1
}, {
"name": "外国语学院",
"value": 3,
"symbolSize": 3,
"category": "外国语学院",
"draggable": "true"
}, {
"name": "广告学院",
"value": 3,
"symbolSize": 3,
"category": "广告学院",
"draggable": "true"
}, {
"name": "马克思主义学院",
"value": 3,
"symbolSize": 3,
"category": "马克思主义学院",
"draggable": "true"
}, {
"name": "国际传媒教育学院（ICUC）",
"value": 3,
"symbolSize": 3,
"category": "国际传媒教育学院（ICUC）",
"draggable": "true"
}, {
"name": "计算机与网络中心",
"value": 3,
"symbolSize": 3,
"category": "计算机与网络中心",
"draggable": "true"
}, {
"name": "体育部",
"value": 3,
"symbolSize": 3,
"category": "体育部",
"draggable": "true"
}, {
"name": "实践实验教学中心（中传电视台）",
"value": 3,
"symbolSize": 3,
"category": "实践实验教学中心（中传电视台）",
"draggable": "true"
}, {
"name": "播音主持艺术学院",
"value": 3,
"symbolSize": 3,
"category": "播音主持艺术学院",
"draggable": "true"
}],
links: [{
"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": "凤凰学院"
}, {
"source": "继续教育学部",
"target": "国际（预科）教育中心"
}, {
"source": "中国传媒大学",
"target": "播音主持艺术学院"
}, {
"source": "中国传媒大学",
"target": "外国语学院"
}, {
"source": "中国传媒大学",
"target": "广告学院"
}, {
"source": "中国传媒大学",
"target": "马克思主义学院"
}, {
"source": "中国传媒大学",
"target": "国际传媒教育学院（ICUC）"
}, {
"source": "中国传媒大学",
"target": "计算机与网络中心"
}, {
"source": "中国传媒大学",
"target": "体育部"
}, {
"source": "中国传媒大学",
"target": "实践实验教学中心（中传电视台）"
} ],
categories: [{
'name': '新闻传播学部'
}, {
'name': '艺术学部'
}, {
'name': '理工学部'
}, {
'name': '文法学部'
}, {
'name': '经管学部'
}, {
'name': '协同创新中心'
}, {
'name': '继续教育学部'
}, {
'name': '播音主持艺术学院'
}, {
'name': '外国语学院'
}, {
'name': '广告理学院'
}, {
'name': '马克思主义学院'
}, {
'name': '国际传媒教育学院（ICUC）'
}, {
'name': '计算机与网络中心'
}, {
'name': '体育部'
}, {
'name': '实践实验教学中心（中传电视台）'
}],
focusNodeAdjacency: true,
roam: true,
label: {
normal: {
show: true,
position: 'top',
}
},
lineStyle: {
normal: {
color: 'source',
curveness: 0,
type: "solid"
}
}
}]
},
{
backgroundColor: '#FFEBCD',
title: {
text: '2017级本科录取情况',
left: 'center',
top: 20,
textStyle: {
color: '#388e8e'
}
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
visualMap: {
show: false,
min: 0,
max: 2000,
inRange: {
colorLightness: [0, 1]
}
},
series : [
{
name:'专业类型',
type:'pie',
radius : '55%',
roseType: 'angle',
center: ['50%', '50%'],
data:[
{value:1114, name:'普通类本科'},
{value:686, name:'艺术类本科'},
{value:231, name:'国家专项计划'},
{value:185, name:'中外合作办学'},
{value:169, name:'专项招生计划'},
{value:9, name:'高校专项计划'},
{value:44, name:'第二学士学位'}
].sort(function (a, b) { return a.value - b.value; }),
label: {
normal: {
textStyle: {
color: 'rgba(0, 79, 79, 0.3)'
}
}
},
labelLine: {
normal: {
lineStyle: {
color: 'rgba(0, 165, 255, 0.3)'
},
smooth: 0.2,
length: 30,
length2: 40
}
},
itemStyle: {
normal: {
color: '#556B2F',
shadowBlur: 200,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
animationType: 'scale',
animationEasing: 'elasticOut',
animationDelay: function (idx) {
return Math.random() * 200;
}
}
]
}
]
截图如下
