问题标签 [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 回答
685 浏览

angularjs - angular-charts.js - 点击弹出框模板上的折线图/条形图

我正在寻找一种更好的方法来在click弹出窗口上实现折线图/条形图,以根据单击的标签(x 轴)显示项目列表。

我的应用程序控制器中的当前实现是这样的:

总结一下,当用户点击图表时,我的应用程序会获取与标签对应的项目列表并将其显示在弹出窗口中。

我的问题是,当我单击该弹出ngClick绑定中的项目时,不会触发。让我相信我错误地绑定了我的弹出模板。

我可以用 jQuery 做点什么,但为什么我首先要使用 angular;正确的?

或者,我可以创建一个可以正确绑定的部分/内联模板。但是有了这个实现,我不知道如何在每次点击时实例化多个弹出窗口。

参考:
AngularJS - scrip angular-chart.js UI Bootstrap - popover 更新: 我偶然发现了这个建议使用. 通过这样做,角度解析了 html,然后连接了我的.





$compilengClick

导致对上面的代码进行以下更改:

0 投票
2 回答
110 浏览

javascript - 使用角度图时,我可以用函数定义数据点颜色吗?

https://github.com/GraFiddle/angular-chart

在 C3 库中有一个数据相关颜色的示例(http://c3js.org/samples/data_color.html):

所以我想我会添加一个color功能:

但是颜色功能似乎被忽略了。有没有办法用这个库制作依赖于函数的颜色?

0 投票
2 回答
1966 浏览

angular-chart - 如何使用角度图表从图表中删除线下填充

我对角度相当陌生。尝试使用角度图表进行一些数据可视化。Charts.js 列出了一个用于在线条下方着色的属性“填充”,但我不确定如何在角度中引用它。有什么建议么?

0 投票
2 回答
1984 浏览

chart.js - 角度图的用法:颜色和字体

我想更改此图表的字体大小和边框颜色。因此我不知道该怎么做,我试图将这些选项放在不同的地方,但似乎没有任何效果。我无法获得 angular-chart 选项和 Chart.js 选项之间绑定的逻辑,有没有一种通用的方法来操作它们?

这是指令:

以下是范围定义:

只是改变颜色chart-colors是行不通的。

0 投票
2 回答
18749 浏览

angularjs - 在 angular-chart.js 圆环图上渲染图例

我遵循了 angular-chart.js 文档,并创建了一个图表,但无法用它呈现图例。我不明白为什么它不起作用。

文档: http: //jtblin.github.io/angular-chart.js/
类似的 SO 问题:How to color legend in angular-chart.js

在此处输入图像描述

我还尝试在控制器中为图例定义一个数组,

根据另一个 SO 问题中接受的答案,chart-legend="true"应该足以使其工作。

有没有人有这个库的经验并且知道如何解决这个问题?

0 投票
1 回答
137 浏览

angularjs - 在 HotTowel 中使用 chart.js , Angular.js

我正在尝试在我的 HotTowel 项目中使用折线图示例 ,但它不返回任何结果。这是我的仪表板代码:

这是我正在使用图表的 html 代码:

没有错误消息,但它根本不显示任何图表。实际上我已经添加了chart.js和angular-chart.js的js文件的链接

0 投票
4 回答
4171 浏览

javascript - Angular-Chart.js 它不显示图表

我正在尝试使用 Angular-chart.js 它没有为我显示任何内容这是我的 javascript 和 html 页面

我不明白错误在哪里,在此先感谢您的帮助

0 投票
2 回答
1971 浏览

angular-chart - 混合图表类型 - Angular ChartJS

我正在尝试使用 angular 插件而不是普通的 javascript 创建一个混合图表。为此,我正在使用这个库http://jtblin.github.io/angular-chart.js/

在普通的 javascript 中,它是用类似下面的东西创建的:

可以在这里看到:http ://plnkr.co/edit/TvY5tz?p=preview

我已经尝试了很多方法来用角度图做同样的事情,但我一直无法这样做。有没有人能够使用该库创建任何混合图表类型?如果是这样,请分享任何示例。

提前致谢。

0 投票
1 回答
946 浏览

angularjs - Chartjs 和图表数据 Angular

有没有办法从 ng-repeat 添加图表数据。

像这样:

我正在尝试向页面添加多个图表,并且正在使用来自控制器的动态数据。我似乎无法在文档中找到任何参考。

0 投票
1 回答
1000 浏览

javascript - chart.js v2 设置 y 比例选项似乎被忽略了

我正在尝试设置条形图的 y 比例,以便每 20 次显示 0-100 的刻度。但是,它似乎不尊重我的选择。

我的选项如下所示: