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

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天

返回码约定

完

附上此次 API 接口源码php （php随便写了下，轻拍……）：下载

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• 关于中英数字混的字串符分割问题_PHP教程
• 应用PHP标签模板实现什么任务_PHP教程
• php入门教程 精简版_PHP教程
• require(),include(),requi...
• ECharts之force力导引布局图——数据源说...