Heim  >  Artikel  >  Backend-Entwicklung  >  Kraftorientiertes Layoutdiagramm von ECharts – Beschreibung der Datenquelle und Back-End-API-Konvention

Kraftorientiertes Layoutdiagramm von ECharts – Beschreibung der Datenquelle und Back-End-API-Konvention

WBOY
WBOYOriginal
2016-08-08 09:30:522338Durchsuche

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.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn