问题标签 [angular-chart]

我正在关注 Chart.js 示例。但是，当我尝试渲染该示例时，出现以下错误：

未捕获的类型错误：无法读取未定义的属性“绘制”

这是我正在关注的示例。我已经相应地做了所有事情，但我不知道为什么会导致这个问题。 http://carlcraig.github.io/tc-angular-chartjs/doughnut/

下面是我对该示例的实现。我的模块

这是我的html代码

我应该补充一点，我能够渲染图表的图例。

我有一个用 AngularJS 制作的折线图 - http://jtblin.github.io/angular-chart.js/#getting_started - Chart.js。

是否可以根据某些条件为图表中的某个点设置不同的颜色？（例如：对于值 > 10 的点设置颜色为红色，否则设置颜色为绿色）

[编辑] 小演示链接：http ://plnkr.co/edit/S0W5wPznMu4bCxRjOppl?p=preview 。我想要的是用 80,81 个值用红色设置点的颜色，用另一种颜色设置其他点。

谢谢。

我正在使用 Angular-chart.js 包：http: //jtblin.github.io/angular-chart.js/

当我加载页面时，页面底部的图例显示，但图表本身不显示。

我添加了 div 以验证数据是否已实际填充。这是我到目前为止的代码：

当我运行页面并查看代码时，这是在 html 中呈现的内容：

我究竟做错了什么？为什么图表不显示？

我正在创建一个带有角度图表的图表，并且在获取我需要的图表时遇到了问题。

我希望 x 轴具有日期和鼠标悬停以显示客户端名称，它们都是从资源对象数组的循环中提供的。

这是循环：

但这只会在 x 轴以及鼠标悬停中设置日期属性。如果我使用以下内容创建对象：

$scope.labels.push({date: d, name: clientName});

结果只显示 [Object, Object]。

我使用以下内容作为图表的基础：

http://jtblin.github.io/angular-chart.js/#getting_started

我曾尝试使用角度图表。它的文档在http://jtblin.github.io/angular-chart.js/

我已经集成了 angular-chart.js、chart.js 和 angular-chart.css。我还在角度模块中集成了“chart.js”。但是我发现了一个错误。错误是图表未定义。但无法理解为什么会出现这个问题。

我的代码：

在控制器中：

HTML：

浏览器控制台错误：

当我尝试使用角度图表框架时，我可以看到我定义的系列，但看不到标签和数据。我在 index.html 中包含了以下三个文件

这些是我在 $scope 中定义的变量

它只显示这个：

我究竟做错了什么？

编辑：经过进一步调查，我注意到当我在页面上执行后退 -> 前进时显示图表。因此，通过刷新您会丢失图表...

通过推迟范围变量，我可以在刷新后绘制图表，如下所示：

这意味着时间问题，我无法解决。

I'm working on a statistics view via Angular-Chart for a shoppinglist-App. It should show a graph of all spended costs by every user for a year. Now this is how I generate the JSON for the Chart:

The output in the console looks like this:

The array is filled fine but the push statement :

just dont work right. "usercosts" is in every line the same value.... the last one; in this case 0. Although I push before I go through the next month. I dont now what to do anymore and would appreciate to get some smart answers from you. best wishes Christoph

我在制作关于图表的离子应用程序时遇到问题，当页面第一次加载时，“项目 1”和“纽约”作为初始选择选项时无法获得响应，如下面的屏幕截图：

控制器.js

HTML 模板

我正在为我的应用程序使用角度图表插件。谁能帮我解决这个问题？请检查此链接以获取完整的示例代码。

在我的应用程序中，我使用角度图表指令显示图形。

我想要完成的是在主页中显示一个小版本的图表，然后通过按下一个按钮，在弹出窗口内显示一个特定图表的更大版本。

图表是在运行时填充的，一旦填充了图表的小版本，只需更改大小并在弹出窗口内复制画布代码，但我不知道如何实现这一点，所以我在问求助。

这是我的笨蛋"http://plnkr.co/edit/EajX7NqwHmu7oBVI4u8b"

我正在构建一个使用angular-chart.js.

（回购不够，抱歉）
http://i.imgur.com/g648Iws.png
http://i.imgur.com/LK1eQCo.png

如您所见，一些文本太长（y 轴），它挤压了我的图表。我试图截断文本，但如果你有更大的设备，它看起来不太好。

有没有办法处理这种情况或（动态截断）？

请注意，我没有添加宽度和高度属性，因为我希望图形能够响应地适应。

任何帮助表示赞赏。