echart3(){
let keyWord = [
{
name: '考研',
value: 12,
x: 200,
y: 2,
color: '#532'
},
{
name: '兼职',
value: 13,
x: 0,
y: 0,
color: '#463'
},
{
name: '食堂',
value: 21,
x: 0,
y: 0,
color: '#835'
},
{
name: '家教',
value: 2,
x: 0,
y: 0,
color: '#937'
},
{
name: '学生',
value: 52,
x: 0,
y: 0,
color: '#4a2'
},
{
name: '研友',
value: 22,
x: 0,
y: 0,
color: '#902'
},
]
let datas = []
let links = []
keyWord.forEach((item, i)=>{
datas.push({
name: item.name,
value: item.value,
x: item.x,
y: item.y,
symbolSize: 70,
draggable: true,
itemStyle: {
normal: {
borderColor: "#FF4500",
borderWidth: 4,
shadowBlur: 100,
shadowColor: "#FF4500",
color: item.color,
}
},
})
links.push(
{
source: item.name,
target: '学生'
}
)
})
var option = {
backgroundColor: '#fff',
tooltip: {},
animationDurationUpdate: function(idx) {
return idx * 100;
},
animationEasingUpdate: 'bounceIn',
color: ['#fff', '#fff', '#fff'],
series: [{
type: 'graph',
layout: 'force',
force: {
repulsion: 300,
edgeLength: 10
},
roam: true,
label: {
normal: {
show: true,
position: 'inside',
formatter: '{b}',
fontSize: 20,
fontStyle: '500',
}
},
data: datas,
links: links
}]
}
this.myChart3 = this.$echarts.init(this.$refs.myechart3);
this.myChart3.setOption(option);
},
