问题标签 [angular-chartist.js]

我想用我的数据库中的数据创建一个图表线图，但是当我尝试绘制它时，我遇到了一个 javascript 错误：

这是我的代码，

HTML页面：

PHP页面：

如果我去http://localhost/chartservice/test.php?id_cycliste=80 我有以下结果：

但是如果我转到 HTML 页面，我没有显示任何图形，并且出现以下 JS 错误：

你发现问题了吗？你能帮我吗？

谢谢

I'm trying to create a radar chart using angular-chart js and chartjs 2.1. I was able to display the graph but not the legend. would you help me to display it. here is a plunker for what I've done

我有一个 div 需要根据 XHR 响应托管图表或表格。在图表的情况下，我需要将 div 内容替换为 chart.js 用来显示图表的画布元素。

如果我将 canvas 元素添加到 HTML 代码中，angular-chart.js 会呈现一个图形。但是，如果我使用 javascript 将画布注入 div，则画布元素将位于 dom 中，但不会显示图表。

我该如何解决这个问题？

HTML

Javascript

Plunker 示例：http ://plnkr.co/edit/9JkANojIl8EXRj3hJNVH?p=preview

我正在创建一个管理仪表板，所以我需要在同一页面中提供两个饼图。我正在使用 angular-chartjs 创建饼图。当我尝试显示两个饼图代码时，两个饼图都正确显示当另一个饼图代码被注释时（即两者都单独工作），然后只有第二个加载图例并且第一个饼图空间为空白，只有图例正在显示。当我将光标移动到空白处时，第一个图表出现在屏幕上。同样，如果我重新加载页面，则仅显示第二个图表。这是我的代码

html

我在网上搜索了同样的问题，但没有答案。需要帮助。

我现在可以显示带有动态数据但图表数量固定的图表。当我想显示动态数量的图表时，ng-repeate 会发生一些事情。我说发生了一些事情，因为如果在mycharts[0].container.outerHTML中我有显示图形所需的 html（由库生成），并且如果我复制并粘贴到我的 html 中的固定位置，它将显示图表。我的ng-repeate代码如下所示：

当每一个段被点击时，需要用其各自的下一级数据组成另一个图表。

Angular-chart.js 中需要这种经验

需要在标签中默认添加HTMLtooltip标签callback function

我正在尝试让 angular-chart.js 在 rails 项目中工作。按照https://github.com/jtblin/angular-chart.js上的安装说明

1) npm install --save angular-chart.js 到目前为止一切顺利。/vendor/assets/javascripts/node_modules/angular-chart.js/（文件）

2）“将源代码添加到您的代码中”好吧，我可以<script>在一个简单的 index.html 和 app.js 页面中使用几个标签并取得巨大成功，但我正在使用 rails 项目，所以我想加载application.js 清单中的源。

3) angular.module("app", ["chart.js"])

我的 dashboard.js.coffee 有

我的 application.js 是

为了减少变量，我已将 Chart.bundle.js 和 angular-chart.js 复制到应用程序 javascript 文件夹中

但我想从 .../vendor/assets/ 文件夹中使用它们。（我在使用该路径时遇到了同样的问题）

我想我遇到了某种加载顺序错误。我不知道哪里出了问题。Angualrjs 正在返回此错误

我是 rails 和 angularjs 的新手，所以我确信我缺少一些基本的东西。任何帮助，将不胜感激。我已经阅读了关于这个主题的另一个问题，但他们并没有给出明确的答案

编辑： 这么长的加载时间可能相关吗？ 编辑：（不）

Edit2：我尝试将以下内容放入 /app/views/layout/application.html.erb 文件中

这样做我不再收到喷油器错误。

所以这似乎是关于我如何在 rails 资产管道中使用 angular-chart.js 和 chart.js。

我们可以删除这些点作为点，使其看起来像一条直线。虽然我可以看到charts.js 中有一个选项无法在此处实现

我正在使用angular-chart.js它，但它在我的页面中不可见，我已将图表放入指令中。

我使用的代码：

控制器：

控制器放置正确，开发人员工具没有显示任何错误，我也得到元素唯一的问题是地图的可见性。