let points = [
{
name: '上游',
symbolSize: 120,
category: 0,
x: 100,
y: 300,
fixed: true,
// itemStyle: {
// normal: {
// color: '#FCBB5B',
// borderColor: '#FCBB5B',
// shadowColor: '#FCBB5B',
// },
// },
label: {
normal: {
show: true,
fontSize: 30
},
},
},
{
name: '中游',
symbolSize: 120,
category: 1,
x: 500,
y: 300,
fixed: true,
label: {
normal: {
show: true,
fontSize: 30
},
},
},
{
name: '下游',
symbolSize: 120,
category: 2,
x: 800,
y: 300,
fixed: true,
label: {
normal: {
show: true,
fontSize: 30
},
},
},
{
name: '上海AA\n有限公司',
category: 0,
},
{
name: '上海CC有限公司',
category: 0,
},
{
name: '上海BB有限公司',
category: 0,
},
{
name: '上海LL有限公司',
category: 1,
},
{
name: '上海MM有限公司',
category: 1,
},
{
name: '上海NN有限公司',
category: 1,
},
{
name: '上海DD有限公司',
category: 2,
},
{
name: '上海HH有限公司',
category: 2,
},
{
name: '上海FF有限公司',
category: 2,
},
{
name: '上海GG有限公司',
category: 2,
},
];
let links = [
{
source: '中游',
target: '上游',
},
{
source: '中游',
target: '下游',
},
{
source: '上游',
target: '上海AA\n有限公司',
},
{
source: '上游',
target: '上海CC有限公司',
},
{
source: '上游',
target: '上海BB有限公司',
},
{
source: '中游',
target: '下游',
},
{
source: '中游',
target: '上海LL有限公司',
},
{
source: '中游',
target: '上海MM有限公司',
},
{
source: '中游',
target: '上海NN有限公司',
},
{
source: '下游',
target: '上海GG有限公司',
},
{
source: '下游',
target: '上海DD有限公司',
},
{
source: '下游',
target: '上海HH有限公司',
},
{
source: '下游',
target: '上海FF有限公司',
},
];
option = {
backgroundColor: '#1a4377',
tooltip: {},
animationDurationUpdate: 1500,
animationEasingUpdate: 'quinticInOut',
color: ['#83e0ff', '#45f5ce', '#b158ff'],
series: [
{
type: 'graph',
layout: 'force',
symbolSize: 120,
force: {
repulsion: 1500,
edgeLength: 130,
},
roam: true,
label: {
normal: {
show: true,
fontSize: 14
},
},
data: points,
links: links,
lineStyle: {
normal: {
opacity: 0.9,
width: 2,
curveness: 0,
},
},
categories: [
{
name: '0',
// itemStyle: {
// normal: {
// borderColor: '#04f2a7',
// borderWidth: 4,
// shadowBlur: 10,
// shadowColor: '#04f2a7',
// color: '#001c43',
// }
// },
},
{
name: '1',
// itemStyle: {
// normal: {
// borderColor: '#04f2a7',
// borderWidth: 4,
// shadowBlur: 10,
// shadowColor: '#04f2a7',
// color: '#001c43',
// }
// },
},
{
name: '2',
// itemStyle: {
// normal: {
// borderColor: '#04f2a7',
// borderWidth: 4,
// shadowBlur: 10,
// shadowColor: '#04f2a7',
// color: '#001c43',
// }
// },
},
]
,
},
],
};