echarts3 graph java_Echarts中graph类型的运用求教

以下是百度Echarts官网上关系图的源码,但是这个关系图的node节点和edge都是静态文件里规定好的,我现在想动态实现,点击其中一个节点A然后新产生一个新节点B,并且有A和B之间的edge,就类似于百度的人物关系图谱那种动态生成,怎么实现啊?求教

myChart.showLoading();

$.get('data/asset/data/les-miserables.gexf', function (xml) {

myChart.hideLoading();

var graph = echarts.dataTool.gexf.parse(xml);

var categories = [];

for (var i = 0; i < 9; i++) {

categories[i] = {

name: '类目' + i

};

}

graph.nodes.forEach(function (node) {

node.itemStyle = null;

node.value = node.symbolSize;

node.label = {

normal: {

show: node.symbolSize > 30

}

};

node.category = node.attributes.modularity_class;

});

option = {

title: {

text: 'Les Miserables',

subtext: 'Default layout',

top: 'bottom',

left: 'right'

},

tooltip: {},

legend: [{

// selectedMode: 'single',

data: categories.map(function (a) {

return a.name;

})

}],

animationDuration: 1500,

animationEasingUpdate: 'quinticInOut',

series : [

{

name: 'Les Miserables',

type: 'graph',

layout: 'none',

data: graph.nodes,

links: graph.links,

categories: categories,

roam: true,

label: {

normal: {

position: 'right',

formatter: '{b}'

}

},

lineStyle: {

normal: {

curveness: 0.3

}

}

}

]

};

myChart.setOption(option);

}, 'xml');

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/573023.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Nginx系列1之部分模块详解

1 内核模块&#xff1a;名称&#xff1a; daemon语法&#xff1a; daemon on |off默认值&#xff1a; on功能&#xff1a; 决定nginx 在前台执行还是后台守护进程执行的名称&#xff1a; Env语法&#xff1a; env var | varvalue默认值&#xff1a; 没有功能&#xff1a; 该指令…

java创建线程哪种方法最好_Java创建线程的三种方法比较

一般有三种方法&#xff0c;Thread,Runnable,Callable.Runnable和Callable的区别(1)Callable规定的方法是call(),Runnable规定的方法是run().(2)Callable的任务执行后可返回值&#xff0c;而Runnable的任务是不能返回值得(3)call方法可以抛出异常&#xff0c;run方法不可以(4)运…

深入理解JSON对象

深入理解JSON对象 前面的话 json(javascript object notation)全称是javascript对象表示法&#xff0c;它是一种数据交换的文本格式&#xff0c;而不是一种编程语言&#xff0c;用于读取结构化数据。2001年由Douglas Crockford提出&#xff0c;目的是取代繁琐笨重的XML格式。本…

java内存分配模型优点_高并发实战(二)-并发基础 缓存 MESI 内存模型

左图为高速缓存 右图为多级缓存数据的读取和存储都经过高速缓存&#xff0c;CPU核心与高速缓存有一条特殊的快速通道。主存与高速缓存都是连接在系统总线上&#xff0c;当然其他组件也是在此基础上进行通信的。在高速缓存出现后不久&#xff0c;系统变得愈加复杂&#xff0c;高…

CentOS 7 安装SVN服务端

CentOS7下安装SVN服务 1. yum命令即可方便的完成安装# sudo yum install subversion 测试安装是否成功&#xff1a;# svnserve --version 更改svn的默认配置(更改默认的指向目录和默认端口)# sudo vim /etc/sysconfig/svnserve编辑示例&#xff1a;OPTIONS"-r /data/svn -…

ionic简单路由及页面传参

1&#xff09;页面跳转及传参方法 angular.module(app.routes, [])//routes路由模型.config(function($stateProvider, $urlRouterProvider) {$stateProvider.state(page1, {url: /page1,//路由地址templateUrl: templates/page1.html,//实际模型文件controller: page1Ctrl,//控…

java 图片组合 分解_切分和组合图片(二)

int rows 4; //初始化有小图片的数量int cols 4;int chunks rows * cols;int chunkWidth, chunkHeight;int type;//读取图片文件File[] imgFiles new File[chunks];for (int i 0; i < chunks; i) {imgFiles[i] new File("img" i ".jpg");}//缓存…

matches()方法

java.lang包中的String类和java.util.regex包中的Pattern&#xff0c;Matcher类中都有matches()方法&#xff0c;都与正则表达式有关。下面我分别举例&#xff1a;&#xff08;字符串&#xff1a;"abc"&#xff0c;正则表达式&#xff1a; "[a-z]{3}"&…

mysql 视图 局部变量_mysql创建视图和存储过程,变量

创建视图sql>create view 视图名 as select语句;修改视图并添加别名sql>create or replace view empvu10 (employee_number,employe_name,job_title)as select empno,ename,jobfrom empwhere deptno10;删除视图drop view 视图名创建存储过程create procedure 过程名(in n…

.NET简谈事务、分布式事务处理

在本人的 “ .NET简谈事务本质论”一文中我们从整体上了解了事务模型&#xff0c;在我们脑子里能有一个全局的事务处理结构&#xff0c;消除对数据库事务的依赖理解&#xff0c;重新认识事务编程模型。 今天这篇文章我们将使用.NET C#来进行事务性编程&#xff0c;从浅显、简单…

java entitymanager类_如何在Java JDBC EntityManagerFactory类中设置实体的ID?

我用MySQL Workbench创建了我的MySQL数据库&#xff0c;然后添加了MySQL JDBC Driver和EclipseLink库&#xff0c;然后从数据库创建了实体类;所有使用NetBeans。由于我的观点和所有的合并&#xff0c;我需要退出使用简单的“ID”列名称;以一种方式重新命名它们只是更容易&#…

java库里_java8之StringJoiner。终于有像guava类库里的功能了

StringJoiner底层也是咱们平时用StringBuilder容器。只不过容量没提供设置初始容量&#xff0c;默认16 characters。不说了。代码&#xff1a;package com.doctor.java8;import java.util.Arrays;import java.util.StringJoiner;import java.util.stream.Collectors;/*** java8…

错误:未启用当前数据库的SQL Server Service Broker,因此查询通知不受支持。如果希望使用通知,请为此数据库启用 Service Broker。...

解决方法&#xff1a; 打开SQL Server&#xff0c;新建查询&#xff1a; ALTER DATABASE 数据库名 SET NEW_BROKER WITH ROLLBACK IMMEDIATE;ALTER DATABASE 数据库名 SET ENABLE_BROKER; 转自&#xff1a;http://www.cnblogs.com/Impulse/articles/5358379.html转载于:https:/…

css compressor java_利用YUI Compressor压缩JS/CSS之终极秘籍

JS/CSS的压缩已经不是什么新鲜话题了&#xff0c;自打YSlow推出后&#xff0c;这方面的优化话题是铺天盖地啊&#xff1b;不过当时作为后知后觉的我&#xff0c;甚至都没法完整地写出一份漂亮的JS/CSS的代码&#xff0c;何尝会去注意呢&#xff1f;&#xff01;时至今日&#x…

ng-repeat循环出来的部分调用同一个函数并且实现每个模块之间不能相互干扰

使用场景&#xff1a;用ng-repeat几个部分&#xff0c;每个部分调用同一个函数&#xff0c;但是每个模块之间的功能不能相互干扰 问题&#xff1a;在用repeat实现.content块repeat的时候打算这样做&#xff1a;新建一个空的数组&#xff08;nmber_arr&#xff09;&#xff0c;因…

java mac pos_pos终端mac国密(sm4)算法(java实现)

概念理解mac算法是(Message Authentication Codes 消息认证码算法)&#xff0c;是含有密钥散列函数算法。主要通过异或运算&#xff0c;再配合其他加密算法实现mac值的运算&#xff0c;用于校验。实现过程将需要加密计算的字符串转换为16进制字符串例如&#xff1a;密钥&#x…

php-rpm.conf,在新安装的宝塔面板中php无法启动起来

在新安装的宝塔面板中php无法启动起来去看了网站的报错信息是&#xff1a;[Wed Aug 15 11:00:09.827025 2018] [proxy:error] [pid 4264] (2)No such file or directory: AH02454: FCGI: attempt to connect to Unix domain socket /tmp/php-cgi-56.sock (*) failed[Wed Aug 15…

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 工具/原料 html&#xff0c;dw软件方法/步骤 1无序列表 无序列表是一个项目的列表&#xff0c;此列项目使用粗体圆点&#xff08;典型的小黑圆圈&#xff09;进行标记。 无序列表始于 <…

php pdo mysql 乱码,php pdo连接数据库 解决中文乱码问题(wordpress mysql 问号?? ??)...

摘要&#xff1a;PHP 用pdo连接数据库时出现中文乱码问题解决办法1.array(PDO::MYSQL_ATTR_INIT_COMMAND > "set names utf8"),在与数据库建立连接的时候的第四个参数 example: $dbh new PDO($PHP 用pdo连接数据库时出现中文乱码问题解决办法1.array(PD…

HashMap 与 ConcurrentHashMap

一、概述 二、HashMap 1、数据结构 2、应用 3、不要用 HashMap 做本地缓存 一般我们声明 HashMap 时&#xff0c;使用的都是默认的构造方法&#xff1a;HashMap<K, V>&#xff0c;但是它还有另外一个构造方法&#xff1a;HashMap(int initialCapacity, float loadFactor)…