Angularjs 中将api接口数据传入echarts关系图
最近在开发前端界面，考虑到如何更好直观形象的展示数据，让用户一眼就能看懂，于是公司大佬说让我去 找一找关系图。
前景提要
由于之前端用的是，本人是前端小白，对也是刚入手，在网上找了很久，看看有没有大佬在使用过 中使用，但数据都是静态数据，对我这种新手来说，不能Crtl+C,嘻嘻嘻。于是记录一下，希望能帮到其他人。
api数据格式，这是一个数组，里面是对象。数据的意思是多个手机连接Wi-Fi。 是Wi-Fi名称， 是 设备MAC。let’s go …
开整
首先导入必要的的js包。
前端界面是这样的
这里就不讲的基本知识啦，百度了一圈， 中使用 都是在中使用，直接上代码。
app.controller('echarts1',function ($rootScope,$scope,$http,) {
}).directive('helloEcharts',function () {return{restrict:'AE',template:'这是一个关系网',controller:function ($scope,$http) {$http({method:'GET',url:'http://127.0.0.1:5000/Ainfo', 接口数据xhrFields: {withCredentials: true},}).then(function successCallback (response) {//console.log(response.data.Ainfo);$scope.Ainfotable=response.data.Ainfo; $scope.Binfotable = response.data.Binfo;$scope.notAStation = response.data.notAStation;//console.log($scope.Binfotable);var info=$scope.Ainfotable;var info1 = $scope.Binfotable;var info2 = $scope.notAStation;nodes=[];links=[];nodes1=[]; //手机nodes2=[]; //Wi-Finodes3=[]; 没连接Wi-Fi的手机//links=[];for(let i=0;i嗯嗯，不错，看了一遍，注释写的很详细，和我一样新手不理解节点（nodes）、类别()、连接(link)的，可以看看注释，然后对照一下代码。有啥问题可以留言噢～～
对了，还有效果图
