График не отображается

Я запускаю этот код и ничего не получаю на выходе. Нет ошибок в наращивании, но я не могу узнать об ошибках. Может кто-нибудь сказать мне, что может быть проблемой? С уважениемГрафик не отображается

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 

    <script src="Dependencies/Angular/angular.js"></script> 
    <script src="Dependencies/D3/d3.js"></script> 
    <script src="Dependencies/nvd3/nv.d3.js"></script> 
    <script src="Dependencies/Angularjs-nvd3-Directives/angularjs-nvd3-directives.js"></script> 
    <link rel="stylesheet"href="Dependencies/nvd3/nv.d3.css"> 


    <script> 
     var app = angular.module("nvd3TestApp", ['nvd3ChartDirectives']); 

     function ExampleCtrl($scope){ 
      $scope.exampleData = [ 
       { 
        "key": "Series 1", 
        "values": [ [ 1025409600000 , 0] , [ 1309406400000 , 121.92388706072] , [ 1312084800000 , 116.70036100870] , [ 1314763200000 , 88.367701837033] , [ 1317355200000 , 59.159665765725] , [ 1320033600000 , 79.793568139753] , [ 1322629200000 , 75.903834028417] , [ 1325307600000 , 72.704218209157] , [ 1327986000000 , 84.936990804097] , [ 1330491600000 , 93.388148670744]] 
       }]; 

     } 
    </script> 

</head> 
<body ng-app='nvd3TestApp'> 


    <div ng-controller="ExampleCtrl"> 
     <nvd3-line-chart data="exampleData" 
         showXAxis="true" 
         showYAxis="true" 
         tooltips="true" 
         interactive="true"> 
     </nvd3-line-chart> 

    </div> 

</body> 
</html>

источник

2016-01-24 Waqas Ahmad

Я считаю, что я решил проблему с вашим код. Я не загружал css, поэтому вам, возможно, придется добавить ваш, чтобы он выглядел правильно. Я также переместил бы теги скриптов прямо перед закрывающим тегом </body>. Таким образом, ваш код не будет работать до того, как загрузит dom. Это предотвратит некоторые головные боли в будущем.

Live Preview: http://codepen.io/larryjoelane/pen/OMQqMd

JavaScript/Угловой Код:

var app = angular.module("nvd3TestApp", ['nvd3ChartDirectives']).controller("ExampleCtrl", function($scope) { 


    $scope.exampleData = [{ 
    "key": "Series 1", 
    "values": [ 
     [1025409600000, 0], 
     [1309406400000, 121.92388706072], 
     [1312084800000, 116.70036100870], 
     [1314763200000, 88.367701837033], 
     [1317355200000, 59.159665765725], 
     [1320033600000, 79.793568139753], 
     [1322629200000, 75.903834028417], 
     [1325307600000, 72.704218209157], 
     [1327986000000, 84.936990804097], 
     [1330491600000, 93.388148670744] 
    ] 
    }]; 

})();

источник

2016-01-25 01:17:15

Это сработало, Большое спасибо :) –

Это работает для линейной диаграммы, но не для диаграммы рассеяния. Я использую , но ничего не получаю. Есть идеи? –

Я посмотрю. –

Глобальные функции как контроллеры не были поддержаны в угловой довольно долгое время ... так как вокруг 1.2xx

попробовать

var app = angular.module("nvd3TestApp", ['nvd3ChartDirectives']); 

app.controller('ExampleCtrl', function($scope) { 
    $scope.exampleData = [{ 
    "key": "Series 1", 
    "values": [ 
     ...... 
    ] 
    }]; 

});

источник

2016-01-25 00:05:28 charlietfl

Хорошо, к сведению. Спасибо :) –

График не отображается

ответ

Смежные вопросы