Question

我正在尝试使用Angular创建图表，这是代码和错误屏幕截图：

<html>
   <head>
      <script src="bower_components/angular/angular.min.js"></script> <!-- Angular Flow Charts -->
      <script src="bower_components/Chart.js/Chart.js"></script> <!-- Chart.js -->
      <script src="bower_components/angular-chart.js/dist/angular-chart.min.js"></script> <!-- Angular Chart.js -->
      <script src="bower_components/flowthings-browser/dist/flowthings-browser.min.js"></script> <!-- FlowThings Browser -->
      <script src="bower_components/flowthings-angular/dist/flowthings-angular.min.js"></script> <!-- FlowThings Angular -->
      <script src="bower_components/angular-flow-chart/dist/angular-flow-chart.min.js"></script> <!-- Angular Flow Charts -->
   </head>
   <body>
      <div ng-app="Demo">
         <div ng-controller="DemoCtrl">
            <flow-chart flow-id="flowId" limit="50">
               <flow-chart-js
                  value-properties="chart.valueProp"
                  value-defaults="chart.valueDefaults"
                  chart-type="line"
                  chart-options="chart.options"
                  series="chart.series"
                  legend="chart.legend">
               </flow-chart-js>
            </flow-chart>
         </div>
      </div>
      <flow-chart flow-id="'f123...'" limit="20">
         <flow-chart-js value-properties="['temperature', 'humidity']" chart-type="line"></flow-chart-js>
      </flow-chart>
      <script>
         angular.module('Demo', ['flowthings', 'ngFlowChart', 'ngFlowChartJs'])
             .config(function (flowthingsProvider) {
                 flowthingsProvider.options.account = 'sljux';
                 flowthingsProvider.options.token = 'm26E5C3BTxjt8QXsYxbqoL1egCTR';
             })
             .run(function(flowthings) {
                 flowthings.ws.connect()
             })
             .controller('DemoCtrl', function ($scope) {
                 $scope.flowId = 'f55e6cc2268056d46fb80581c';

                 $scope.chart = {
                     options: {
                         animation: false,
                         scaleShowHorizontalLines: true,
                         scaleShowVerticalLines: false,
                         pointDot: false,
                         datasetStrokeWidth: 0.5
                     },
                     series: ['Inside Noise', 'Outside Noise'],
                     valueProp: ['inside.noise', 'outside.noise'],
                     valueDefaults: 0,
                     legend: true
                 }
         });
      </script>
   </body>
</html>

angular.js：99未捕获的错误：[$ injector：modulerr] http://errors.angularjs.org/1.7.8/ $ injector / modulerr？p0 = ...

如何解决这个角度错误“ [$ injector：modulerr]”

0 个答案: