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.