Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用角度图表?_Javascript_Angularjs_Charts_Angular Chart - Fatal编程技术网

Javascript 如何使用角度图表?

Javascript 如何使用角度图表?,javascript,angularjs,charts,angular-chart,Javascript,Angularjs,Charts,Angular Chart,我尝试过使用角度图表。它的文件 我集成了angular-chart.js、chart.js和angular-chart.css。我还在angular模块中集成了“chart.js”。但是我发现了一个错误。 错误是未定义图表。但是我不明白为什么会出现这个问题 我的代码: angular.module('mean.system',['ui.bootstrap','chart.js']); 在控制器中: $scope.labels = ['2006', '2007', '2008', '2009

我尝试过使用角度图表。它的文件

我集成了angular-chart.js、chart.js和angular-chart.css。我还在angular模块中集成了“chart.js”。但是我发现了一个错误。 错误是未定义图表。但是我不明白为什么会出现这个问题

我的代码:

angular.module('mean.system',['ui.bootstrap','chart.js']);
在控制器中:

  $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:

<link href="css/angular-chart.css" rel="stylesheet">
<script type="text/javascript" src="/js/angular-chart.js"></script>
<script type="text/javascript" src="/js/Chart.js"></script>


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

您必须将脚本添加到chartjs文件中

<script src="bower_components/Chart.js/Chart.min.js"></script>

您必须将脚本添加到chartjs文件中

<script src="bower_components/Chart.js/Chart.min.js"></script>

我也有同样的问题,但在切换顺序后,通过在Angle Chart的脚本之前创建Chart.js(或Chart.min.js),它工作得非常好。 在angular chart站点中,安装图中的chart.js是sandwish的火腿。不知道为什么

<script src="node_modules/angular-chart.js/dist/angular-chart.min.js"></script>
<script src="node_modules/chart.js/Chart.min.js"></script>
<script src="node_modules/angular-chart.js/dist/angular-chart.min.js"></script>

我也有同样的问题,但在切换顺序后,通过在Angle Chart的脚本之前创建Chart.js(或Chart.min.js),它工作得非常好。 在angular chart站点中,安装图中的chart.js是sandwish的火腿。不知道为什么

<script src="node_modules/angular-chart.js/dist/angular-chart.min.js"></script>
<script src="node_modules/chart.js/Chart.min.js"></script>
<script src="node_modules/angular-chart.js/dist/angular-chart.min.js"></script>


在包含了如上所示的文件后,它对我起了作用。



在包含上述文件后,它对我起了作用。

如果你想使用Chart.js的完整版本而不是min,你必须使用Chart.bundle.js,你可以从它的主页下载。

如果你想使用Chart.js的完整版本而不是min,你必须使用Chart.bundle.js,你可以从它的主页下载。

已在angular-chart.js脚本之前包含try-put chart.js脚本。这对我不适用:-(即使在angular chart之前添加了对chart.js的所有引用,我仍然会收到相同的错误消息。jsI已经为此苦苦挣扎了几个小时。我尝试了所有我能在网上找到的东西,仍然没有任何结果。我仍然会收到相同的错误,模块chart.js没有定义!有人能解决这个问题吗?我已经包含try-put-chart.js脚本,是吗fore angular-chart.js脚本。这不适用于我:-(尽管在angular chart之前添加了对chart.js的所有引用,但我仍然收到相同的错误消息。jsI已经为此苦苦挣扎了几个小时。我尝试了所有我能在网上找到的东西,但仍然没有任何结果。我仍然收到相同的错误,模块chart.js未定义!有人能解决此问题吗?T\T