时间：2021-07-01 10:21:17 帮助过：84人阅读
关于 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随便写了下，轻拍……）：下载
以上就介绍了ECharts之force力导向布局图——数据源说明及后端API约定，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。