ECharts 강제 지향 레이아웃 다이어그램 - 데이터 소스 설명 및 백엔드 API 규칙

전자차트 ?

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>

데이터 소스 설명

주요 데이터 소스에는 아래와 같이 카테고리(데이터 분류), 노드(차트의 노드 이름), 링크(차트의 노드 간 링크)의 세 가지가 있습니다.

API 개발

강제 그래프 데이터 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>code: "2200",message: "nodes success",</code>

서버에 대한 두 번째 요청이 반환됩니다.

<code>code: "3304",message: "cache:2015-01-19 15:14:43",</code>

매개변수를 추가하지 않는 경우 cache=refresh 캐시 시간은 3일

반환 코드 규칙

종료

API 인터페이스 소스 코드 php가 첨부되어 있습니다(php는 그냥 적고 탭하세요...): 다운로드

위 내용은 내용의 측면을 포함하여 데이터 소스 설명 및 백엔드 API 규칙인 ECharts의 강제 중심 레이아웃 다이어그램을 소개합니다. PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.