效果图

在这里插入图片描述

源代码
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>ECharts</title>
		<!-- 引入 echarts.js -->
		<script src="js/echarts.min.js"></script>
		<script src="js/jquery-1.11.0.min.js"></script>
		<script src="dist/extension/dataTool.js"></script>
	</head>

	<body>
		<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
		<div id="main" style="width: 600px;height:400px;"></div>
		<script type="text/javascript">
			// 基于准备好的dom，初始化echarts实例
			var myChart = echarts.init(document.getElementById('main'));
			var option;

			function createNodes(count) {
				var nodes = [];
				for(var i = 0; i < count; i++) {
					nodes.push({
						id: i
					});
				}
				return nodes;
			}

			function createEdges(count) {
				var edges = [];
				if(count === 2) {
					return [
						[0, 1]
					];
				}
				for(var i = 0; i < count; i++) {
					edges.push([i, (i + 1) % count]);
				}
				return edges;
			}

			var datas = [];
			for(var i = 0; i < 16; i++) {
				datas.push({
					nodes: createNodes(i + 2),
					edges: createEdges(i + 2)
				});
			}

			option = {
				series: datas.map(function(item, idx) {
					return {
						type: 'graph',
						layout: 'force',
						animation: false,
						data: item.nodes,
						left: (idx % 4) * 25 + '%',
						top: Math.floor(idx / 4) * 25 + '%',
						width: '25%',
						height: '25%',
						force: {
							// initLayout: 'circular'
							// gravity: 0
							repulsion: 60,
							edgeLength: 2
						},
						edges: item.edges.map(function(e) {
							return {
								source: e[0],
								target: e[1]
							};
						})
					};
				})
			};

			myChart.setOption(option);
		</script>
	</body>

</html>
Logo
AtomGit 开源协作平台测评赛

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐

环形缓冲区类(C++)绝对可用(转)

参考网络循环缓冲区类源码，修改了作者的两个bug，经测试，可以实现多线程并发读写。数据准确无误。多线程并行读写环形缓冲区源代码例子代码例子下载：环形缓冲区VC+Qt的项目代码理论如下：源码如下：CCycleBuffer.h//环形缓冲区头文件//环形缓冲区头文件#ifndef CCycleBuffer_H#define CCycleBuffer_Hclass CCycleBu...

avatar 开放原子开发者工作坊

在CakePHP中使用swfObject

cakephp中插入CakePHP当前版本：1.2.0.7962 FinalswfObject当前版本：2.1具体步骤如下：下载swfObject，把swfobject.js放到 /webroot/js目录下将下面代码保存到 /views/helpers/flash.php/*** @author Alexander Morland* @license MIT* @version 1.2* @mo

avatar 开放原子开发者工作坊

「OSCHINA 开源软件趋势榜」即将上线，等你来揭榜

你觉得哪些项目可以进入候选名单？目前用户提名通道已经开启，具体方式见本文“如何参与”部分。截至目前，OSCHINA 社区已收录超过 5 万款开源软件。每时每地，都有各类软件不断地被开发、被开源、被使用。但更多时候，由于传播渠道的缺乏等各类因素，一些优质项目难以被发掘，难以得到更好的建设。其中不乏一些新兴软件，它们也许有着更大的成长空间、更高的价值潜力。那么，如何打破这种局面？应当建立一种怎...

avatar 开放原子开发者工作坊