问题标签 [angular-chart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
865 浏览

javascript - 角度图表未呈现

我正在使用Angular Charts在我的应用程序中绘制条形图。但是图表没有呈现。开发工具中也没有显示错误。

编辑:

但是我注意到 angular-chart.css 的样式没有得到应用。

这绑定到我的主控制器,值定义如下

编辑:

angular.module('app', ['chart.js']);

我已经添加了所有依赖项。包括javascript文件和css。任何帮助都感激不尽。谢谢!

0 投票
1 回答
987 浏览

javascript - 如何在角度图表中添加符号?

我目前正在构建一个带有模拟 JSON 数据的 Ionic 移动原型,并在代码中进行了硬编码。我正在使用角度图表来构建我的图表。

查看圆环图示例,您可以在将鼠标悬停在其上时看到标签/数据。如何在值后添加百分号?

我查看了这个问题,但 Chart.js 源代码从那时起发生了很大变化。

0 投票
1 回答
2887 浏览

javascript - 在 Angular-chart.js 上动态设置数据

老实说,我对 angularjs 有点陌生,所以这可能是我对angular的基本理解而不是angular-charts 的问题。

我有两个控制器(PieItemsCtrlPieCtrl),我想通过使用工厂服务(称为pieItems)在它们之间进行通信

一方面,pieItems 按照 PieItemsCtrl 中的设计工作。

IE:

每当 pieItems 服务发生变化(即添加了另一个元素)时,HTML 就会通过中继器自动更新:

但是在 PieCtrl 我有这条线,我希望饼图会自动更新:

似乎是在加载/初始化 PieCtrl 时设置这些数据值,仅此而已。每当 pieItems 数据更改时,这些范围值都不会更新。

两个控制器和工厂对象的来源如下。而且我还做了一个不可行的小提琴,以防有帮助

PieItemsCtrl :

饼图控件:

馅饼项目:

0 投票
3 回答
20389 浏览

javascript - angular-chart.js 中的水平条形图

我已经在 angular-chart.js 中成功创建了一个条形图,但现在我想将其更改为水平条形图。另外,我希望将字段放置在水平条本身的内部:

代码

我想要的例子

在此处输入图像描述

0 投票
1 回答
236 浏览

javascript - chart.js / angular-chart line 外部样式问题

我对 angular-chart.js(使用 chart.js)有一个奇怪的问题。如果我设置并阻止 yAxis 的最小值和最大值,当线条超出限制时,样式会很奇怪。你知道会发生什么吗?

以下是每 3 个图表的配置:

对于每个图表,我应用了其他配置:

谢谢你的帮助

0 投票
1 回答
5091 浏览

javascript - TypeError:无法读取未定义的属性“数据集” - 角度图表

我正在尝试使用角度图表显示图表。但我收到以下错误:

TypeError:无法读取 Object.i.Type.extend.initialize 处未定义的属性“数据集”(http://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.min .js:9:27506 ) 在 Object.e.Type ( http://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.min.js:9:9713 )在 Object.s ( http://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.min.js:9:12974 ) 在 e.(匿名函数) [as吧](http://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.min.js:9:13316

我的代码:

在我调用的索引页面中:

任何信息都会有所帮助。谢谢 !

0 投票
1 回答
1095 浏览

angularjs - angular-chart.js 的组合图

是否可以使用 http://jtblin.github.io/angular-chart.js/构建组合图表?

0 投票
1 回答
1636 浏览

angularjs - 未捕获的类型错误:无法读取未定义的属性“绘制”:角度图表 js

我正在尝试获取http://jtblin.github.io/angular-chart.js提供的示例图表。特别是折线图这是数据集和标签。

这是html模板。

我正在使用 Chart js 1.0.2 版。

我一直遇到错误:

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

编辑:在调试时,我发现 draw 属性中的 this.scale 是未定义的,这可能是在画布元素准备好之前加载脚本的问题。

但我仍然不太清楚如何解决这个问题。任何帮助将不胜感激。谢谢

0 投票
1 回答
1974 浏览

angularjs - 如何为 Angular Chart 中的圆环图中的数据项分配特定颜色?

我正在使用Angular Chart并且我有一个圆环图。我想为我的数据设置特定的颜色。

例如:

现在,我只能更改全局颜色,但这并不能保证橘子会变成橙色,香蕉会变成黄色,鳄梨会变成绿色。此外,我有不止一个甜甜圈图,其中使用了相同的系列并且它们必须具有相同的颜色——例如香蕉总是黄色的。

我怎样才能做到这一点?

0 投票
3 回答
8753 浏览

angularjs - 如何在 Angular Chart 的圆环图中添加标题?

我在Angular Chart中使用圆环图。我想在甜甜圈的中心放置一些文字。我已经阅读了这个问题的答案,但没有一个对我有用,因为我有工具提示,并且由于某种原因,当您悬停图表时,文本会消失。此外,我需要从“外部”提供此文本 - 自定义文本,例如标题。

所以,我的想法是有类似的东西:

在此处输入图像描述

有任何想法吗?

编辑: 我通过更改此答案的几行添加了一个JS Bin