清华大学食堂数据分析echarts graph配置项内容和展示
各食堂关系
配置项如下
option = {
backgroundColor: new echarts.graphic.RadialGradient(0.3, 0.3, 0.8, [{
offset: 0,
color: '#f7f8fa'
}, {
offset: 1,
color: '#cdd0d5'
}]),
title:{
text: "清华大学食堂数据分析",
subtext: "各食堂关系",
top: "top",
left: "center"
},
tooltip: {},
legend: [{
formatter: function (name) {
return echarts.format.truncateText(name, 40, '14px Microsoft Yahei', '…');
},
tooltip: {
show: true
},
selectedMode: 'false',
bottom: 20,
data: ['清芬园', '紫荆园', '桃李园', '听涛园', '观畴园', '芝兰园', '玉漱园', '照澜园', '寓园', '荷园']
}],
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": 27
}, {
"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": "桃李园",
"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": "听涛园",
"value": 6,
"symbolSize": 18,
"category": "听涛园",
"draggable": "true"
}, {
"name": "听涛园一层",
"symbolSize": 3,
"category": "听涛园",
"draggable": "true",
"value": 1
}, {
"name": "听涛园二层",
"symbolSize": 3,
"category": "听涛园",
"draggable": "true",
"value": 1
}, {
"name": "观畴园",
"value": 8,
"symbolSize": 24,
"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": 5,
"symbolSize": 15,
"category": "芝兰园",
"draggable": "true"
}, {
"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": "照澜园",
"value": 10,
"symbolSize": 30,
"category": "照澜园",
"draggable": "true"
}, {
"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": "荷园",
"value": 6,
"symbolSize": 18,
"category": "荷园",
"draggable": "true"
}, {
"name": "荷园一层",
"symbolSize": 3,
"category": "荷园",
"draggable": "true",
"value": 1
}, {
"name": "荷园二层",
"symbolSize": 3,
"category": "荷园",
"draggable": "true",
"value": 1
}],
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": "荷园二层"
}],
categories: [{
'name': '清芬园'
}, {
'name': '紫荆园'
}, {
'name': '桃李园'
}, {
'name': '听涛园'
}, {
'name': '观畴园'
}, {
'name': '芝兰园'
}, {
'name': '玉漱园'
}, {
'name': '照澜园'
}, {
'name': '寓园'
}, {
'name': '荷园'
}],
focusNodeAdjacency: true,
roam: true,
label: {
normal: {
show: true,
position: 'top',
}
},
lineStyle: {
normal: {
color: 'source',
curveness: 0,
type: "solid"
}
}
}]
};
截图如下
