1.效果图
2.需求
1、大节点和小结点的颜色分开展示,大节点根据category来展示颜色,小结点默认灰色
小结点颜色:根据(graph里的【itemStyle】属性来单独给小结点设置颜色)
itemStyle: {
color: '#bbb'
},
2.force关系图可拖动子节点
series: [
{
type: 'graph',//类型关系图
//关系图布局,'none'、'circular'、'force'
//'none',数据里要有x,y轴的数据来定位圈的位置,没有x,y无法显示
//'circular' 环形布局
//'force' 力引导布局
layout: 'force',
edgeSymbol: ['none', 'none'],
draggable: true, // 节点是否可拖拽
zoom: 0.8, // 数据多的情况下控制显示区域大小
roam: true, // 是否开启平移缩放 true/false/'scale'(缩放)/'move'(平移)
}
]