大数据知识体系图echarts graph配置项内容和展示
只是个简单的效果示例
配置项如下
var size = 60;
var size1 = 30;
var yy = 200;
var yy1 = 250;
option = {
title: {
text: "大数据知识体系图",
top: "top",
left: "left",
textStyle: {
color: '#f7f7f7'
}
},
tooltip: {
formatter: '{b}'
},
toolbox: {
show: true,
feature: {
restore: {
show: true
},
saveAsImage: {
show: true
}
}
},
backgroundColor: '#337ab7',
animationDuration: 1000,
animationEasingUpdate: 'quinticInOut',
series: [{
name: '知识体系',
type: 'graph',
layout: 'force',
force: {
repulsion: 60,
gravity: 0.1,
edgeLength: 30,
layoutAnimation: true,
},
data: [{
"name": "BigData",
x: 0,
y: yy,
"symbolSize": 100,
"category": "BigData",
"draggable": "true"
}, {
"name": "Hadoop",
x: 10,
y: yy1,
"symbolSize": size,
"category": "Hadoop",
"draggable": "true"
}, {
"name": "HDFS",
x: 20,
y: yy,
"symbolSize": size1,
"category": "Hadoop",
"draggable": "true"
}, {
x: 30,
y: yy1,
"name": "MapReduce",
"symbolSize": size1,
"category": "Hadoop",
"draggable": "true"
}, {
x: 40,
y: yy,
"name": "YARN",
"symbolSize": size1,
"category": "Hadoop",
"draggable": "true",
"value": 1
}, {
x: 50,
y: yy1,
"name": "HBase",
"symbolSize": size,
"category": "HBase",
"draggable": "true"
}, {
x: 60,
y: yy,
"name": "Zookeeper",
"symbolSize": size1,
"category": "其它组件",
"draggable": "true"
}, {
x: 70,
y: yy1,
"name": "Hive",
"symbolSize": size1,
"category": "HBase",
"draggable": "true"
}, {
x: 80,
y: yy,
"name": "Spark",
"symbolSize": size,
"category": "Spark",
"draggable": "true"
}, {
x: 90,
y: yy1,
"name": "Scala",
"symbolSize": size1,
"category": "Spark",
"draggable": "true"
}, {
x: 100,
y: yy,
"name": "Spark SQL",
"symbolSize": size1,
"category": "Spark",
"draggable": "true"
}, {
x: 110,
y: yy1,
"name": "Spark Streaming",
"symbolSize": size1,
"category": "Spark",
"draggable": "true"
}, {
x: 120,
y: yy,
"name": "Storm",
"symbolSize": size,
"category": "Storm",
"draggable": "true"
}, {
x: 130,
y: yy1,
"name": "其它组件",
"symbolSize": size,
"category": "其它组件",
"draggable": "true"
}, {
x: 140,
y: yy,
"name": "Flume",
"symbolSize": size1,
"category": "其它组件",
"draggable": "true"
}, {
x: 150,
y: yy1,
"name": "Kafka",
"symbolSize": size1,
"category": "其它组件",
"draggable": "true"
}, {
x: 160,
y: yy,
"name": "Pig",
"symbolSize": size1,
"category": "HBase",
"draggable": "true"
}, {
x: 170,
y: yy1,
"name": "NoSQL",
"symbolSize": size,
"category": "NoSQL",
"draggable": "true"
}, {
x: 180,
y: yy,
"name": "Redis",
"symbolSize": size1,
"category": "NoSQL",
"draggable": "true"
}, {
x: 190,
y: yy1,
"name": "MongoDB",
"symbolSize": size1,
"category": "NoSQL",
"draggable": "true"
}, {
x: 200,
y: yy,
"name": "LevelDB",
"symbolSize": size1,
"category": "NoSQL",
"draggable": "true"
}, {
x: 210,
y: yy1,
"name": "数据挖掘",
"symbolSize": size,
"category": "数据挖掘",
"draggable": "true"
}, {
x: 220,
y: yy,
"name": "Mahout",
"symbolSize": size1,
"category": "数据挖掘",
"draggable": "true"
}, {
x: 230,
y: yy1,
"name": "Spark MLlib",
"symbolSize": size1,
"category": "数据挖掘",
"draggable": "true"
}, {
x: 240,
y: yy,
"name": "Python",
"symbolSize": size1,
"category": "数据挖掘",
"draggable": "true"
}, {
x: 250,
y: yy1,
"name": "R语言",
"symbolSize": size1,
"category": "数据挖掘",
"draggable": "true"
}, {
x: 260,
y: yy,
"name": "行业应用",
"symbolSize": size,
"category": "行业应用",
"draggable": "true"
}, {
x: 270,
y: yy1,
"name": "交通大数据",
"symbolSize": size1,
"category": "行业应用",
"draggable": "true"
}, {
x: 280,
y: yy,
"name": "搜索引擎",
"symbolSize": size1,
"category": "行业应用",
"draggable": "true"
}, {
x: 290,
y: yy1,
"name": "精确营销",
"symbolSize": size1,
"category": "行业应用",
"draggable": "true"
}, {
x: 300,
y: yy,
"name": "环境大数据",
"symbolSize": size1,
"category": "行业应用",
"draggable": "true"
}, {
x: 310,
y: yy1,
"name": "物联网",
"symbolSize": size1,
"category": "行业应用",
"draggable": "true"
}, {
x: 320,
y: yy,
"name": "银行贷款风险评估",
"symbolSize": size1,
"category": "行业应用",
"draggable": "true"
}],
links: [{
"source": "BigData",
"target": "Hadoop"
}, {
"source": "BigData",
"target": "Spark"
}, {
"source": "BigData",
"target": "Storm"
}, {
"source": "BigData",
"target": "其它组件"
}, {
"source": "BigData",
"target": "NoSQL"
}, {
"source": "BigData",
"target": "数据挖掘"
}, {
"source": "BigData",
"target": "行业应用"
}, {
"source": "Hadoop",
"target": "HDFS"
}, {
"source": "Hadoop",
"target": "YARN"
}, {
"source": "Hadoop",
"target": "MapReduce"
}, {
"source": "HBase",
"target": "Hive"
}, {
"source": "Hadoop",
"target": "HBase"
}, {
"source": "其它组件",
"target": "Zookeeper"
}, {
"source": "Spark",
"target": "Scala"
}, {
"source": "Spark",
"target": "Spark SQL"
}, {
"source": "Spark",
"target": "Spark Streaming"
}, {
"source": "其它组件",
"target": "Flume"
}, {
"source": "其它组件",
"target": "Kafka"
}, {
"source": "HBase",
"target": "Pig"
}, {
"source": "NoSQL",
"target": "Redis"
}, {
"source": "NoSQL",
"target": "MongoDB"
}, {
"source": "NoSQL",
"target": "LevelDB"
}, {
"source": "数据挖掘",
"target": "Mahout"
}, {
"source": "数据挖掘",
"target": "Spark MLlib"
}, {
"source": "数据挖掘",
"target": "Python"
}, {
"source": "数据挖掘",
"target": "R语言"
}, {
"source": "行业应用",
"target": "交通大数据"
}, {
"source": "行业应用",
"target": "搜索引擎"
}, {
"source": "行业应用",
"target": "精确营销"
}, {
"source": "行业应用",
"target": "环境大数据"
}, {
"source": "行业应用",
"target": "物联网"
}, {
"source": "行业应用",
"target": "银行贷款风险评估"
}],
categories: [{
'name': 'BigData'
}, {
'name': 'Hadoop'
}, {
'name': 'HBase'
}, {
'name': 'Spark'
}, {
'name': 'Storm'
}, {
'name': '其它组件'
}, {
'name': 'NoSQL'
}, {
'name': '数据挖掘'
}, {
'name': '行业应用'
}],
roam: false,
label: {
normal: {
show: true,
position: 'inside',
formatter: '{b}',
fontSize: 16,
fontStyle: '600',
}
},
lineStyle: {
normal: {
width: 6,
color: 'source',
curveness: 0,
type: "solid"
}
}
}]
};
截图如下
