如何将旭日形图转换为与angularjs一起使用的指令?

时间:2016-01-18 05:24:56

标签: javascript angularjs d3.js sunburst-diagram

我使用普通的javascript创建了sunburst graph

现在我需要从服务获取数据并在AngularJS中生成图形。我该如何制定一个指令呢?任何例子或指导都会很棒。

我已经制作了一个控制器来从服务中获取数据。代码在这里:

 $scope.buildchart = function(widget) {
        var w2 = new Worker("scripts/webworkers/bigQueryWorker.js");           
        w2.postMessage($scope.selectedClass + "," 
          + $rootScope.hierarchystring.toString() 
          + "," + "Hierarchy" + "," + Digin_Engine_API);

        w2.addEventListener('message', function(event) {
            hierarchyRetrieved(event);
        });

        function hierarchyRetrieved(event) {
            var obj = JSON.parse(event.data);
            console.log("Hierarchy data is");
            console.log(JSON.stringify(obj));

        };
    };

有没有办法在这个函数中获取这些数据?

1 个答案:

答案 0 :(得分:1)

首先你做了这样的指示:

isset($form_field_order[$i])

<强>第二

为这样的ajax创建一个模拟函数:

<svg sunburst-chart></svg>

<强>第三

function mockAnAjaxCall() { window.setTimeout(function() { $scope.data1 = { "name": "Root", "children": [{ ... }] }; $scope.$apply();//apply the scope as data is changed. }, 3000); //ajax call gets over in 3 secs 变量上的数据更改watch建立链接功能。

data1

工作示例here

希望这有帮助!