问题标签 [angular-chart]

寻求在单个页面上包含多个角度图表对象的帮助。我想创建一个类似仪表板的页面，其中包含多个图表。我的图表正在工作，它们正在从 MySQL 中撤出，但我一次加载的图表永远不会超过一个。我可以添加几个图表，第一个将加载，但没有一个跟随它。我可以注释掉第一个图表，下一个将加载。单独地，所有图表都可以正常加载，而不是其他图表的任何组合。我尝试过使用不同的图表类型、不同的角度应用程序、不同的控制器等。目前，我有两个图表连接起来调用两个不同的 PHP 文件，它们是彼此的副本。第二个 php 图表永远不会在堆栈跟踪中被调用。编码最简单：

我正在使用 angularchart 在我的 Web 应用程序中创建图表。

我有这个非常标准的标记，它适用于 firefox 和 chrome：

它适用于每种屏幕尺寸，如果您缩小屏幕，它会自动调整尺寸。但是，在 Internet Explorer（我的版本是 10）上它不起作用：它不仅不会调整大小，而且结果图也很模糊。

我该如何解决？

编辑：

有趣的是，罪魁祸首似乎是外部 div 中的 ng-if ！通过删除它，它似乎在 ie 上也能正常工作。尽管如此，我需要那个 ng-if 所以简单地删除它并不能解决我的问题......

我正在使用角度模块angular-chart.js。它使用起来很简单，而且非常聪明。但我注意到我无法更改图表的width和height。在某处我读到我必须定义图表的大小，如下所示：

风景：

有谁知道如何在 angular-chart.js中定义widthand ？height

在我的应用程序中，我有两个选项卡，我们简单地称它们为 A 和 B。

图表在选项卡 A 中。这是简单的代码：

每次按下按钮时都会填充图表，此按钮也在选项卡 A 中：

最初填充图形后，当用户切换到选项卡 B 并且在此选项卡处于活动状态时，他们会调整浏览器窗口的大小时，就会出现问题。此操作会在图表上触发一个尝试更新的事件，但由于引导 UI 的选项卡机制而将其隐藏，因此更新不起作用并导致异常。

所以我的想法是监听选项卡更改事件，我可以通过向选项卡添加一个选择事件来做到这一点：

并且，在处理程序内部：

那么，有没有办法做到这一点？

我正在使用 chart.js 我很难显示我的工具提示。工具提示背景颜色变淡，用户无法阅读其上的文本。我已经通过更改背景和字体颜色进行了尝试，但没有任何帮助。

为了显示图表，我使用模块angular-chart.js。Angular 应用程序需要两种图表，条形图和折线图。目前，图表是在 HTML 视图中单独定义的。

下面你可以看到当前的代码：

下面的代码是必需的目标：

用户可以选择查询。单击该按钮将返回查询的相应图表。

请求已发送，答案已成功返回。但是图表没有显示在视图中。我不知道问题出在哪里。

我使用 angular 已经有一段时间了，但这是我第一次尝试使用 yeoman 和 generator-angular-fullstack。我正在尝试使用 angular-chart.js 在视图中显示图表。poll.html 加载没有问题并正确显示所有内容，只有图表未显示。Devtools 在所有文档上显示状态 200，我可以看到 chart.js、angular-chart.js 和 angular-chart.css 都以正确的顺序加载。我试图使用示例数据来查看它是否是某种时间问题，但示例数据也不起作用。下面我列出了所采取的步骤以及代码片段。完整来源：https ://github.com/MichaelLeeHobbs/freeTheVote

提前致谢！

我使用 Daftmonk 的 generator-angular-fullstack 作为种子。接下来我使用 bower 安装 angular-chart.js (bower install --save angular-chart.js)

索引.html

应用程序.js

poll.controller.js

民意调查.html

我是角度 js 的新手。当我尝试执行以下代码时。它在控制台中显示一些错误。ReferenceError：图表未定义。我无法理解错误。所以任何人请帮助我。如果问题不正确，请更正问题

我的 HTML 代码：

我的 angular.js ：

我一直在本地使用 angular-chart.js 和我的应用程序，我没有遇到问题。但是，当我在 Heroku 上部署我的应用程序时，我的分页符是因为 Chart.js 没有正确部署。

当我在本地服务器上运行它时，我没有收到这些错误。我正在正确地采购脚本，并且我的应用程序中也包含了我的依赖项。我不明白的是我的其他脚本一直在加载没有问题。只是 Chart.js 给了我这个问题......

有什么想法吗？？？

我在 Chrome 的 DevTools 中的资源下看到的内容

索引.html

应用程序.js

我想使用 Chart.js (1.0.2) 和 angular-chart.js (0.8.5) 构建一个简单的条形图。我阅读了很多关于这个问题的其他文章，但没有任何帮助。所以是这样的：

我从我的 RequestService 获得“shipdata”，其中包括一个类型、一个小时和每个类型和小时的计数。所以它看起来像这样：

Object {hour: "0", type: "9", count: "66"} Object {hour: "0", type: "3", count: "195"}

然后我选择独特的时间和类型：时间是我的标签，类型是系列。之后，我构建数据数组。这工作得很好，结果我最终得到了：

$scope.labels：["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "17", "18"]

$scope.series：["0", "2", "3", "4", "6", "7", "8", "9"]

$scope.data：0: Array[10]1: Array[10]2: Array[10]3: Array[10]4: Array[10]5: Array[10]6: Array[10]7: Array[10]8: Array[10]9: Array[10]10: Array[10]11: Array[10]12: Array[10]17: Array[10]18: Array[10]

我在命令行中打印了这些结果。

现在每次我调用 $scope.getChartData() 函数时，我都会收到以下错误：

TypeError：无法读取未定义的属性“标签”

这是代码$scope.getChartData()： http: //pastebin.com/7kWQ6W09

这是视图： http: //pastebin.com/0DvDcMBa

我多次尝试了 angular-js github 页面 ( http://jtblin.github.io/angular-chart.js/ ) 上提供的示例。但是我不明白为什么他们的例子工作得很好，而我的例子却提供了完全相同的数据，却没有。