Я пытаюсь создать диаграмму, используя 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 Uncaught Ошибка: [$ injector: modulerr] http://errors.angularjs.org/1.7.8/$injector/modulerr?p0= ...