在角度js中使用vis.js库来实现其他功能

时间:2016-04-29 11:03:29

标签: angularjs vis.js

我正在使用vis.js中的angularjs库。我创建了一个简单的网络,如下所示

enter image description here

我的网络html div如下

<div id="mynetwork">
   <vis-network data="data" options="options"></vis-network> 
</div>

我的控制器如下

var App = angular.module('App', ['ngVis']);

App.controller('visController', ['$scope','$http','$window','VisDataSet',function($scope,$http,$window,VisDataSet)
{
    $scope.currentNodes = [];
    $scope.currentEdges = [];
    $http.post('/getCurrentNetworkData').success(function(response) 
    {
        $scope.currentNodes = response.currentNodes;
        $scope.currentEdges = response.currentEdges;

        $scope.options = {
            edges:{
                 font: {
                    align: 'bottom'
                }    
            },
            interaction: {
                navigationButtons: true,
                keyboard: true
            }
        }
        $scope.data = {
            "nodes" : $scope.currentNodes,
            "edges" : $scope.currentEdges
        }

    });
}]);

现在我想将邻居突出显示功能添加到我的网络中。它在vis.js示例中提供,但我想使用angular js执行相同的操作。有人可以帮我这么做吗?

以下是vis.js示例

中提供的邻居突出显示示例的链接

http://visjs.org/examples/network/exampleApplications/neighbourhoodHighlight.html

0 个答案:

没有答案