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随便写了下,轻拍……):下载