graph力向图笔记

最新推荐文章于 2021-12-22 17:11:50 发布

java里摸爬滚打的GIS开发人员

最新推荐文章于 2021-12-22 17:11:50 发布

阅读量241

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/qq_33801617/article/details/96423276

版权

本文主要介绍了Cytoscape.js库的使用，通过官方文档和示例展示了如何创建一个圆圈指向其他圆圈的力导向图。

摘要由CSDN通过智能技术生成

官方文档：http://js.cytoscape.org/

示例：（说明：一个圆圈指向其他圆圈图）

var dom = document.getElementById("外包divId");
	var myChart5 = echarts.init(dom);
	var app5 = {};
	option5 = null;
	var targetCoord = [0, 140];
	var curveness = 0.2;
	var linesData = [];
	var categories = [{
	    name: '流入中',
	    itemStyle: {
	         normal: {
	            color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
	                offset: 0,
	                color: '#0DBC9C'
	            }, {
	                offset: 1,
	                color: '#CCEC24'
	            }]),
	        }
	    },
	    label: {
	        normal: {
	            fontSize: '14'
	        }
	    },
	}, {
	    name: '暂无流入',
	    itemStyle: {
	        normal: {
	            color: new echarts.graphic.LinearGrad