ECharts之force力导向布局图——数据源说明及后端API约定

王朝学院·作者佚名  2016-05-25
窄屏简体版  字體: 小  |  中  |  大  |  超大  

ECharts之force力导向布局图——数据源说明及后端API约定Echarts ?关于 Echarts 请移步这里

force 力导向图实现方式,如:

function require_EC () {require( [ 'echarts', //载入force模块 'echarts/chart/kforce' ], function (ec) { //确定需要绘制的DOM setChats(ec); })}function setChats (ec) {var myChart = ec.init(document.getElementById('main'));myChart.setOption(option);}

数据源说明主要三个数据源: categories (数据分类)、 nodes (图表中的节点名称)、 links (图表中节点之间的链接线),具体如下图:

API开发力导向图数据 API文档 (个人意见仅供参考)

实现功能

1、categories、nodes、links、数组按需加载,减轻服务器压力;2、对展示孤岛链接的优化3、cache data 应用

接口传递的主要参数以及主要值

name、force、categories、nodes、links、cache、refresh

返回码

见 返回码附件图

参数说明:

请求示例:(详情看图片)

示例 链接

返回值

含义

force-api.php?name=demo1&force=nodes

图片详情

获取了 名称为 ”demo1“的力导向图表的 nodes(节点) 数据

force-api.php?name=demo1&force=categories

图片详情

获取了 名称为 ”demo1“的力导向图表的 categories(分类) 数据,【以此类推 links 不做举例】

force-api.php?name=demo1_isolated_all&force=links

图片详情

【如何获取 孤岛链接?】将 孤岛链接组成的图表 当成一张新的图表 即可:如图, 获取了 demo1的所有孤岛链接(demo1_isolated_all)的 links 数组

force-api.php?name=demo1_isolated_all&force=nodes&cache=refresh

图片详情

获取了 demo1的所有孤岛链接(demo1_isolated_all)的 node 数组 并做了 强制刷新

注:第一次请求服务器,如果请求正确返回码将是

code: "2200",message: "nodes success",

第二次请求服务器 将会返回

code: "3304",message: "cache:2015-01-19 15:14:43",

除非加上参数 cache=refresh 缓存时间3天

返回码约定

牛刀小试

如需查看此次 demo 源码,移步GitHub

完附上此次 API 接口源码php (php随便写了下,轻拍……):下载

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航