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

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

WBOY

Libérer： 2016-08-08 09:30:52

original

2361 Les gens l'ont consulté

Echarts ?

关于 Echarts 请移步这里

force 力导向图

实现方式，如：

<code>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);
}</code>

Copier après la connexion

数据源说明

主要三个数据源： 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>code: "2200",message: "nodes success",</code>

Copier après la connexion

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

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

Copier après la connexion

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

返回码约定

完

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

以上就介绍了ECharts之force力导向布局图——数据源说明及后端API约定，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。