javascript - Angular Chart JS 错误 angular-master.js :114 Error: [$injector:unpr]-6ren

javascript - Angular Chart JS 错误 angular-master.js :114 Error: [$injector:unpr]

转载作者：行者123 更新时间：2023-12-03 05:21:04

25

4

我正在使用 Angular.JS 开发 Chart.js，我的 Angular 应用程序如下所示

angular.module('inspinia').controller('dashboardController', ['$rootScope', '$scope', '$http','chart.js', function($rootScope, $scope, $http) {
console.log("123");
$scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
$scope.series = ['Series A', 'Series B'];
$scope.data = [[65, 59, 80, 81, 56, 55, 40],[28, 48, 40, 19, 86, 27, 90]];

我的 HTML 代码如下所示

<div class="text-center">
<canvas id="bar" class="chart chart-bar"chart-data="data" chart-labels="labels"> chart-series="series"
</canvas>
</div>

我收到两个错误

Uncaught TypeError: Cannot set property 'mode' of undefined

其他的是

Error: [$injector:unpr]

http://errors.angularjs.org/1.5.0/$injector/unpr?p0=chart.jsProvider%20%3C-hart.js%20%3C-%dashboardController

请帮我解决这个问题

提前致谢

最佳答案

确保您正确引用了库，

工作演示

(function(angular) {
  'use strict';
  angular.module('myApp', ['chart.js'])

  .controller('myController', [function() {
    var ctrl = this;
    ctrl.socialChart = {
      type: 'bar',
        labels: ['2006', '2007', '2008', '2009', '2010', '2011', '2012'],
        series: ['Series A', 'Series B'],
        colors: ['#ED402A', '#F0AB05', '#A0B421', '#00A39F'],
        data :  [[65, 59, 80, 81, 56, 55, 40],[28, 48, 40, 19, 86, 27, 90] ]
      }

  }]);

})(window.angular);

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8" />
    <title>Multi Slot Transclude</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chart.js/1.0.3/angular-chart.min.js"></script>    <script src="app.js"></script>
  </head>

  <body ng-app="myApp" ng-controller="myController as ctrl">
    <canvas id="outreach" class="chart chart-bar" 
        chart-labels="ctrl.socialChart.labels" 
        chart-data="ctrl.socialChart.data" 
        chart-series="ctrl.socialChart.series"
        chart-colors="ctrl.socialChart.colors"
        chart-options="ctrl.socialChart.options"></canvas>      
  </body>

</html>

关于javascript - Angular Chart JS 错误 angular-master.js :114 Error: [$injector:unpr]，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41377849/

25

4

0

文章推荐： javascript - 在控制台中打印对象时未定义的输出

文章推荐： javascript - $.when() 与 Deferreds 数组不调用完成操作

文章推荐： javascript - 带有src的DOM img节点而不加载图像

MySQL MASTER MASTER 复制，添加一个新的 Master 而不会停机
我在 2 个不同的节点中设置了 master-master mysql 复制。假设如果我要再添加一个节点，即 3rd master ，我是否需要在新服务器中拥有与节点 1 和节点 2 中完全相同的数据
Git 分支 : master vs. origin/master 与 remotes/origin/master
我认为我在理解 git 的基本概念方面是正确的。我已经设置并克隆了一个远程存储库。我还创建了一个服务器端空存储库，并将我的本地存储库链接到它。我的问题是我不明白: origin/master 与
replication - Master-Master 复制如何工作？
从概念上讲，Master-Master 复制是如何工作的？我认为碰撞将是一种需要以某种方式解决的常见事件。最佳答案主-主复制(更一般地——多主复制)在概念上的工作原理是假设冲突并不常见，并且只保
mysql master-master 数据复制一致性
众所周知，mysql 是异步复制的。我听说我需要一些额外的插件来做同步复制。那么让我们考虑一下异步复制的情况:master 将事件写入其二进制日志，但不知道 master2 是否或何时检索并处理了
MySql Master-Master 复制导致缺少自增值
我正在寻求有关 MySql Master-Master 配置问题的帮助。我正在处理由另一名员工设置的服务器配置，该员工现在无法就此事提供任何帮助。这是我第一次体验这样的设置，在做了相当多的研究之后，
java - ERROR [main] master.HMasterCommandLine : Master exiting java. lang.RuntimeException: Master 构建失败
尝试使用 HADOOP 运行 HBASE 时出现以下错误HBASE 0.98.xHADOOP 2.4.0 ERROR [main] master.HMasterCommandLine: Mas
apache-spark - 为什么停止独立 Spark master 会失败并显示 "no org.apache.spark.deploy.master.Master to stop"？
停止独立 Spark Master 失败并显示以下消息: $ ./sbin/stop-master.sh no org.apache.spark.deploy.master.Master to sto
git - 在 git 中，在将新代码添加到 master 后，是否可以从 master merge 到最初从 master 创建的分支？
我不确定这是否是一个正常的分支场景，但是...... 假设我从 master 创建一个分支，比如分支 C，然后 merge 回其他先前存在的分支，比如分支 A 和 B，回到 master，然后我需要分
git ! [远程拒绝] master -> master(锁定失败)
我无法推送到我的 git 存储库。 git clone和 git pull工作正常，但 git push不起作用。我检查了其他答案，如 here尝试了几种方法，例如 git push origin
git - 是否可以将更改从 master 创建的分支作为本地更改返回到 master？
所以如果我在 master 中做: git checkout -b my-branch 并在那里做几次提交+推送。然后我做: git checkout master git pull 我现在能以某种方
mysql - Master-Master 复制 auto_increment_offset
我设置了 2 个 MYSQL 服务器: my.cnf server1: auto_increment_increment = 2 auto_increment_offset = 1 my.cnf se
MySQL Master <=(Slave,Master)=> Slave
我想知道一个服务器是否可以同时是slave和master。我们的问题是我们有很多移动单元需要同步到主服务器，但它们只需要主服务器上 100 个表中的 6 个。除了延迟同步和增加数据成本之外，所有额外的
mysql - Master-Master Mysql复制中log-bin文件大小不同
我有主-主 Mysql 复制。每个主控复制其他主控。谁能解释一下为什么该主机上的 log-bin 文件不同？ (尺寸差异很小)。谢谢! 最佳答案嗯。我们决定使用 mysql 5.6 及其功能 - G
iOS Swift Master > Master > Detail？
我正在努力理解这里的逻辑，如果术语不正确，我深表歉意。我正在尝试构建一个功能类似于邮件的应用程序，IE: 所有邮箱 > 特定邮箱 > 消息其中“所有邮箱”和“特定邮箱”占据 Controller
git - 将 master 分支移动到另一个分支并启动新的 master
我一直在使用 master 分支进行开发，并希望将其清除为只有发布提交，以及它的用途。如何将所有内容从 master 复制到开发分支，然后重新启动 master？最佳答案 Create develo
Git rebase/master 从分支更改为 master
两周前，我创建了一个新分支，我们称它为exp。在此期间，exp 和 master 中都有几次提交。在此期间，exp 尚未更新 master 的更改现在我想把所有从 exp 到 master 的更改都
git - ! [远程拒绝] master -> master(权限被拒绝)
我克隆:https://github.com/vy2014/git_lesson.git 然后我做了一些改动，尝试通过命令git push推送到远程服务器，但是错误: Counting objects
git - ! [rejected] master -> master(先获取)
有没有好的方法来解释如何在 Git 中解决“![rejected] master -> master (fetch first)'”？当我使用此命令时 $ git push origin maste
git backout master，推送到分支，稍后进入 master
我该怎么办: 1)恢复推送到主(远程)的更改 2)将这些更改移动到单独的分支 3) 稍后将这些更改移回 master 最佳答案首先做 2)，但前提是你真的需要分支。 git branch chang
git - 分支显示显示 (master-> origin) 而不仅仅是 (master)
符号上有什么区别？在我的一个工作站上，我克隆的 git 存储库显示(master)，而另一个工作站则显示(master -> origin) 我还创建了一个新的本地存储库，提交了一个文本文件，提示仍

首页

博学

6Ren·AI

商城

javascript - Angular Chart JS 错误 angular-master.js :114 Error: [$injector:unpr]