關于 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文檔 (個人意見僅供參考)
| 實現功能 | 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隨便寫了下,輕拍……):下載
新聞熱點
疑難解答