ECharts の強制方向のレイアウト図 - データ ソースの説明とバックエンド API 規約
Echarts?
Echarts については、ここに移動してください
強制方向の図
実装方法 (例:
<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>
ログイン後にコピー
データ ソースの説明
3 つの主要なデータ ソースがあります: カテゴリ (データ分類)、以下に示すように、nodes (チャート内のノード名)、links (チャート内のノード間のリンク):
API開発
強制グラフデータ API ドキュメント (個人的な意見は参考用です)
関数の実装 | 1. カテゴリ、ノード、リンク、配列はオンデマンドでロードされ、サーバーの負荷が軽減されます。 实现功能 | 1、categories、nodes、links、数组按需加载,减轻服务器压力; 2、对展示孤岛链接的优化 3、cache data 应用 | 接口传递的主要参数以及主要值 | name、force、categories、nodes、links、cache、refresh | 返回码 | 见 返回码附件图 |
2. 表示アイランド リンクの最適化 3. キャッシュ データ アプリケーション
|
主なパラメータと主な値インターフェイスによって渡される | 名前、強制、カテゴリ、ノード、リンク、キャッシュ、リフレッシュ |
リターン コード | リターンを参照コード添付画像 | tr>
パラメータの説明:
リクエスト例: (詳細は画像を参照) 图片详情
获取了 名称为 ”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 数组 并做了 强制刷新 |
tr*5>td{text $} *3 -->
注: サーバーへの最初のリクエスト。リクエストが正しい場合、リターン コードは
<code>code: "2200",message: "nodes success",</code>
ログイン後にコピー
になります。サーバーへの 2 番目のリクエストは
<code>code: "3304",message: "cache:2015-01-19 15:14:43",</code>
ログイン後にコピー
cache=refresh
パラメーターが追加されない限り
キャッシュ時間は 3 日です
リターン コード一致
終了
このAPIインターフェースを添付 ソースコード php (phpは何気なく書いてるのでタップ…): ダウンロード