Heim > Artikel > Backend-Entwicklung > Kraftorientiertes Layoutdiagramm von ECharts – Beschreibung der Datenquelle und Back-End-API-Konvention
Echarts ?
Informationen zu Echarts finden Sie hier
Kraft-Kraft-gerichtetes Diagramm
Implementierungsmethode, wie zum Beispiel:
<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>
Beschreibung der Datenquelle
Es gibt drei Hauptdatenquellen: Kategorien (Datenkategorien), Knoten (Knotennamen im Diagramm), Links (Links zwischen Knoten im Diagramm), wie unten gezeigt:
API-Entwicklung
Force Directed Graph Data API-Dokumentation (persönliche Meinungen dienen nur als Referenz)
实现功能 | 1、categories、nodes、links、数组按需加载,减轻服务器压力; 2、对展示孤岛链接的优化 3、cache data 应用 |
接口传递的主要参数以及主要值 | name、force、categories、nodes、links、cache、refresh |
返回码 | 见 返回码附件图 |
Parameterbeschreibung:
Anfragebeispiel: (Details siehe Bild)
示例 链接 | 返回值 | 含义 |
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 数组 并做了 强制刷新 |
Hinweis: Wenn Sie den Server zum ersten Mal anfordern und die Anfrage korrekt ist, lautet der Rückkehrcode
<code>code: "2200",message: "nodes success",</code>
Die zweite Anfrage an den Server gibt
zurück<code>code: "3304",message: "cache:2015-01-19 15:14:43",</code>
Sofern keine Parameter hinzugefügt werden cache=refresh
Die Cache-Zeit beträgt 3 Tage
Konvention für Rückgabecodes
Ende
Im Anhang finden Sie den PHP-Quellcode der API-Schnittstelle (php notieren Sie ihn einfach, tippen Sie auf ...): Herunterladen
Das Obige stellt das kraftorientierte Layoutdiagramm von ECharts vor – Datenquellenbeschreibung und Back-End-API-Konvention, einschließlich Aspekten des Inhalts. Ich hoffe, es wird für Freunde hilfreich sein, die sich für PHP-Tutorials interessieren.