Javascript Angular-Chart.js它不';不要显示图表

Javascript Angular-Chart.js它不';不要显示图表,javascript,angularjs,chart.js,angular-chart,Javascript,Angularjs,Chart.js,Angular Chart,我正在尝试使用Angular-chart.js 它没有为我显示任何东西,这是我的javascript和html页面 (函数(){ angular.module(“app”、[“chart.js”]).controller(“BarCtrl”,函数($scope){ $scope.labels=['2006','2007','2008','2009','2010','2011','2012']; $scope.series=['series A'、'series B']; $scope.data

我正在尝试使用Angular-chart.js 它没有为我显示任何东西,这是我的javascript和html页面

(函数(){
angular.module(“app”、[“chart.js”]).controller(“BarCtrl”,函数($scope){
$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]
];
});
})(); 

您的数据绑定错误

<canvas id="bar" class="chart chart-bar" data="chart-data" labels="chart-labels" ></canvas>

控制器中没有可变图表数据或图表标签。你给他们起的名字不一样

事实上,属性的顺序是相反的。应为图表数据=“数据”图表标签=“标签”

来自


您的数据绑定错误

<canvas id="bar" class="chart chart-bar" data="chart-data" labels="chart-labels" ></canvas>

控制器中没有可变图表数据或图表标签。你给他们起的名字不一样

事实上,属性的顺序是相反的。应为图表数据=“数据”图表标签=“标签”

来自



在html data=“chart data”中将是chart data=“data”

在html data=“chart data”中将是chart data=“data”

看起来angular-chart.js不支持chart.js的第2版。下面是一个片段,显示了一个工作图表。它包括chart.js的v1.1.1

angular.module(“app”,“chart.js”)).controller(“BarCtrl”,函数($scope){
$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]
];
});

看起来angular-chart.js不支持chart.js的版本2。下面是一个片段,显示了一个工作图表。它包括chart.js的v1.1.1

angular.module(“app”,“chart.js”)).controller(“BarCtrl”,函数($scope){
$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]
];
});

我在尝试您的代码时遇到此错误:

(intermediate value)[e] is not a function angular chart
似乎是版本不匹配,用我自己的项目尝试了相同的错误。 请学习
Chart.js
的V1.1.1,正如@dustin已经回答的那样


检查此项。

我在尝试代码时遇到此错误:

(intermediate value)[e] is not a function angular chart
似乎是版本不匹配,用我自己的项目尝试了相同的错误。 请学习
Chart.js
的V1.1.1,正如@dustin已经回答的那样


检查此项。

您正在使用的浏览器。你在使用任何开发工具,控制台中的任何东西吗?我在使用google chrome,我尝试了所有可能的标记,在我的app.js上检查了很多次,控制台中什么都没有,没有警告,没有错误,什么都没有。你在使用哪个浏览器。你在使用任何开发工具,控制台中的任何东西吗?我在使用google chrome,我尝试了所有可能的标记,在我的app.js上检查了很多次,控制台中什么都没有,没有警告,没有错误,什么都没有。当我按照你的建议做的时候,我在控制台上发现了这个错误:TypeError:(中间值)[e]不是d的函数(angular chart.min.js:1)在Object.fn(angular chart.min.js:1)在r$digest(angular.js:15896)在r$apply(angular.js:16160)在angular.js:1679在Object.e[作为调用](angular.js:4523)在c(angular.js:1677)在yc(angular.js:1697)在Zd(angular.js:1591)在angular.js:29013(匿名函数)@仍然没有显示任何东西当我按照你的建议做时,我在控制台上发现了这个错误:TypeError:(中间值)[e]在d(angular chart.min.js:1)在Object.fn(angular chart.min.js:1)在r.$digest(angular.js:15896)在r.$apply(angular.js:16160)在angular.js:1679在Object.e[作为调用](angular.js:4523)在c(angular.js:1677)在yc(angular.js:1697)在Zd(angular.js:1591)在angular.js:29013(匿名函数)@在angular.js:29013(匿名函数)仍然没有显示任何内容,但仍然没有显示任何内容,事实上,出现了一个错误,即:TypeError:(中间值)[e]不是Object.fn处的d(angular chart.min.js:1)的函数(angular chart.min.js:1)在r$digest(angular.js:15896)在r$apply(angular.js:16160)在angular.js:1679在Object.e[作为调用](angular.js:4523)在c(angular.js:1677)在yc(angular.js:1697)在Zd(angular.js:1591)在angular.js:29013,你能给我一个完整的工作示例,在头部包含所需的脚本来尝试它吗?出于某种原因,我认为不是代码有问题,而是包含的angular.js和其他脚本有问题,因为我在我的标记或我的应用程序jsDone中找不到问题,但仍然没有,事实上,出现了一个错误ared是:TypeError:(中间值)[e]不是d(angular chart.min.js:1)在Object.fn(angular chart.min.js:1)在r.$digest(angular.js:15896)在r.$apply(angular.js:16160)在angular.js:1679在Object.e[as invoke](angular.js:4523)在c(angular.js:1677)在yc(angular.js:1697)在Zd(angular.js:1591)的函数在angular.js:29013,你能给我一个完整的工作示例,在头部包含所需的脚本来尝试它吗?出于某种原因,我认为不是代码有问题,而是包含的angular.js和其他脚本有问题,因为我在我的标记或我的应用程序中找不到问题,jsMan你是个英雄:D它工作了:D我想给出you 100开始,已经3个小时了,我不知道该怎么办:D感谢百万人真的感谢alotGlad的帮助:)我以前使用过angular-chart.js,非常喜欢它。希望它能更新到支持chart.js的v2版本。另外,如果你发现一个有帮助的答案,请点击指向t的向上箭头投票