echarts graph配置项内容和展示
配置项如下
option = {
title: {
text: ''
},
toolbox: {
feature: {
saveAsImage: {
show: true,
pixelRatio: 5
}
}
},
tooltip: {},
animationDurationUpdate: 1500,
animationEasingUpdate: 'quinticInOut',
series: [{
type: 'graph',
layout: 'none',
// symbolSize: 50,
roam: true,
label: {
normal: {
fontSize:16,//设置标签的字体大小
position:'top',//设置标签的位置，当标签不遮盖点时，就变为实体了
fontWeight:'bold',//加粗
// fontStyle:'110',
show: true
}
},
edgeSymbol: ['circle', 'arrow'],
edgeSymbolSize: [4, 10],
edgeLabel: {
normal: {
textStyle: {
fontSize: 20
}
}
},
data: [{
name: 'Crop',
symbolSize: 8.757167777,
itemStyle: {
color: '#9400D3'
},
x: 200,
y: 480,
},
{
name: 'Fishing and aquaculture',
symbolSize: 4.427703087,
itemStyle: {
color: '#9400D3'
},
x: 480,
y: 280,
},
{
name: 'Livestock',
symbolSize: 4.527142514,
itemStyle: {
color: '#9400D3'
},
x: 230,
y: 420,
},
{
name: 'Grinded cereal',
symbolSize: 3.636257,
itemStyle: {
color: '#487795'
},
x: 370,
y: 250,
},
{
name: 'Processed meat',
symbolSize: 3.636257,
itemStyle: {
color: '#487795'
},
x: 530,
y: 440,
},
{
name: 'Processed fishery products',
symbolSize: 2.58904,
itemStyle: {
color: '#487795'
},
x: 580,
y: 370,
},
{
name: 'Other processed food',
symbolSize: 6.795456,
itemStyle: {
color: '#487795'
},
x: 150,
y: 260,
},
{
name: 'Vegetable oil',
symbolSize: 4.43202,
itemStyle: {
color: '#487795'
},
x: 520,
y: 320,
},
{
name: 'Alcohol and liquor',
symbolSize: 4.427703,
itemStyle: {
color: '#487795'
},
x: 340,
y: 500,
},
{
name: 'Other beverages',
symbolSize: 3.8278,
itemStyle: {
color: '#487795'
},
x: 500,
y: 500,
},
{
name: 'Restaurant',
symbolSize: 3.889362,
itemStyle: {
color: ' #0DBF8C'
},
x: 260,
y: 340,
},
{
name: 'Fertilizer',
symbolSize: 6.667027051,
x: 100,
y: 530,
itemStyle: {
color: '#1E90FF'
},
},
{
name: 'Metal products',
symbolSize: 7.943258,
itemStyle: {
color: '#1E90FF'
},
x: 180,
y: 360,
},
{
name: 'Road transportation',
symbolSize: 5.705807,
itemStyle: {
color: ' #FF4500'
},
x: 80,
y: 340,
},
{
name: 'Water transportation',
symbolSize: 6.86951,
itemStyle: {
color: '#FF4500'
},
x: 50,
y: 450,
},
{
name: 'Electricity',
symbolSize: 24,
itemStyle: {
color: '#1E90FF'
},
x: 360,
y: 360,
},
],
// links: [],
links: [{
source: 'Electricity',
target: 'Crop',
// label: {
// normal: {
// show: true
// }
// },
lineStyle: {
normal: {
width: 2.5,
color: '#5B5B5B'
}
},
}, {
source: 'Electricity',
lineStyle: {
normal: {
width: 1.5,
color: '#5B5B5B'
}
},
target: 'Fishing and aquaculture'
},
{
source: 'Electricity',
lineStyle: {
normal: {
width: 2.5,
color: '#5B5B5B'
}
},
target: 'Livestock'
},
{
source: 'Electricity',
lineStyle: {
normal: {
width: 1.5,
color: '#688BA0'
}
},
target: 'Grinded cereal'
},
{
source: 'Metal products',
lineStyle: {
normal: {
width: 0.8,
color: '#5B5B5B'
}
},
target: 'Crop'
},
{
source: 'Fertilizer',
lineStyle: {
normal: {
width: 1.5,
color: '#688BA0'
}
},
target: 'Crop'
},
{
source: 'Crop',
lineStyle: {
normal: {
width: 0.8,
color: '#5B5B5B'
}
},
target: 'Livestock'
},
{
source: 'Electricity',
lineStyle: {
normal: {
width: 1.5,
color: '#5B5B5B'
}
},
target: 'Vegetable oil'
},
{
source: 'Electricity',
lineStyle: {
normal: {
width: 0.8,
color: '#5B5B5B'
}
},
target: 'Processed fishery products'
},
{
source: 'Electricity',
lineStyle: {
normal: {
width: 2.5,
color: '#5B5B5B'
}
},
target: 'Other processed food'
},
{
source: 'Electricity',
lineStyle: {
normal: {
width: 1.5,
color: '#688BA0'
}
},
target: 'Alcohol and liquor'
}, {
source: 'Electricity',
lineStyle: {
normal: {
width: 1.5,
color: '#688BA0'
}
},
target: 'Processed meat'
},
{
source: 'Electricity',
lineStyle: {
normal: {
width: 1.5,
color: '#688BA0'
}
},
target: 'Other beverages'
},
{
source: 'Electricity',
lineStyle: {
normal: {
width: 2.5,
color: '#5B5B5B'
}
},
target: 'Restaurant'
},
{
source: 'Metal products',
lineStyle: {
normal: {
width: 0.8,
color: '#5B5B5B'
}
},
target: 'Other processed food'
},
{
source: 'Metal products',
lineStyle: {
normal: {
width: 0.8,
color: '#5B5B5B'
}
},
target: 'Restaurant'
},
{
source: 'Road transportation',
lineStyle: {
normal: {
width: 0.8,
color: '#5B5B5B'
}
},
target: 'Other processed food'
},
{
source: 'Water transportation',
lineStyle: {
normal: {
width: 0.8,
color: '#5B5B5B'
}
},
target: 'Crop'
},
],
lineStyle: {
normal: {
opacity: 0.9,
width: 2,
curveness: 0
}
}
}]
};
截图如下
