问题标签 [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 投票
1 回答
1688 浏览

javascript - 图表未在页面加载时显示

我目前在我的应用程序中使用角度图表。我创建了一个完美运行的折线图,但是当添加第二个图表(饼图)时,第一个图表不会显示在前端,直到我将鼠标悬停在它上面或调整窗口大小。

我没有设置悬停事件,所以我不确定为什么会这样。

这是我的控制器

以及对应的HTML

折线图

饼形图

正在渲染画布

0 投票
1 回答
729 浏览

angularjs - 如何在 chart.js 中突出显示单击的甜甜圈部分或部分?

我正在使用使用chart.js的angularjs和angular-charts但是,我被困在一件事上,即如何突出显示甜甜圈的点击部分,以便用户知道他/她选择了甜甜圈的那部分

0 投票
1 回答
2827 浏览

angularjs - 如何在角度图表中使标签可点击

我正在尝试将点击处理程序添加到由 angular-chart 呈现的图表的标签中。

有没有办法添加特定的事件处理程序或使用现有的图表点击指令?

目前,chart-click 指令仅返回 MouseEvent 对象。

阅读文档后,我找不到答案。

0 投票
1 回答
1076 浏览

angularjs - 使用 angular-chart.js (chart.js) 在条形图上叠加平均线

我知道有办法将 2 个图形叠加在一起(在这篇文章中解释:Overlay Line on chart.js Graph

angular-chart.js库Overlay中似乎不支持 Chart.js 方法。

有没有办法在不修改实际的 angular-chart.js 文件的情况下将此功能添加到库中?

0 投票
2 回答
2765 浏览

angularjs - 将数据动态添加到角度js中的图表

我在我的 web 应用程序中使用图表,为此我使用角度图表。图表的 html 文件是

并且为此的控制器文件是

现在我只想知道如何将数据动态添加到这个饼图中。

提前致谢

0 投票
4 回答
4821 浏览

javascript - 如何在chart.js的图例中设置标题?

我正在将 angular -chart 与 chart.js 一起使用,并且想在鼠标悬停在线时应用标题标题。我想在使用鼠标时将标题放在标题中。我可以使用标签来执行此操作,但出现在图形名称下方并且我不想要它,如何从图表中删除名称并仅保留图例的标题?

我想删除图表下方的这些文本,只留下图例上的标题。见图片。这是可能的?

在此处输入图像描述

参考:http: //jtblin.github.io/angular-chart.js/

JsFidle:http: //jsfiddle.net/Lfmhcab3/4/

0 投票
0 回答
1455 浏览

angularjs - Chart.js 鼠标悬停时条形图颜色的变化

我正在使用angular-chart.js创建一个条形图,其中条形图根据列的值具有不同的颜色。

假设值超过 5 的列应为红色,否则为绿色。它工作正常,但是当我将鼠标悬停在其中一个条上时,它的颜色会发生变化(可能取决于条形图中前一个条的值),这很烦人。

我怎样才能摆脱这个问题?

HTML:

我正在根据条件为每个条设置颜色

你可以看到这个 plunker 有同样的问题在条形图中为条形设置不同的颜色

我在 SO 上阅读了一篇帖子,其中有人建议调用 update 方法,但是如何从我的 JS 文件中调用 update 方法?

0 投票
2 回答
72 浏览

javascript - 无法使用角度图表呈现图表

我不明白为什么我的图表没有呈现。我严格遵循git-hub 帐户的说明,angular-chart.js 这是我的情况:http ://plnkr.co/edit/x7XJhxxvYMzWr3u7lBcJ?p=preview

如您所见,我可以很好地读取与该图表相关的不同数据,但我无法呈现图表本身。

任何帮助,将不胜感激。

0 投票
1 回答
435 浏览

ruby-on-rails - 将 angular-chart.js 添加到 Rails application.js 文件

我正在尝试angular-chart.js按照 github 说明在 Angular on Rails 应用程序中进行设置。但是文档不是专门针对 Rails 的,所以我遇到了错误。

安装说明:http: //jtblin.github.io/angular-chart.js/

以供参考,

  1. 通过凉亭安装,bower install angular-chart.js --save
  2. 添加为依赖项,angular.module('myModule', ['chart.js']);.

然后文档建议添加<script src="bower_components/angular-chart.js/dist/angular-chart.js"></script>,但是如果我添加这一行(认为是因为使用 Rails),则找不到该文件。

由于应用程序是 Rails 之上的 Angular,我认为它需要添加到 Railsapplication.js文件中。否则存在角度no module误差。

但我不确定究竟需要向 application.js 添加什么。我试过了:

  • 图表.js
  • 角图.js
  • 角图

(以 开头//= require

但是一切都会导致 Rails 错误,

有没有办法准确找出需要添加的内容application.js?或者其他一些方法来解决这个问题?

(抱歉,如果这很难理解。)

0 投票
0 回答
138 浏览

javascript - Django 和 AngularJS 混在一起了

我正在尝试用 angularJS 制作一些图表。我正在使用djangoanddjng将 django 和 angular 混合在一起。我使用它是因为我认为它对于表单验证非常方便。在这里我有点卡住了。

我认为 angularJS 部分正在工作(http://plnkr.co/edit/oOBYkkPhG6PWpkkxITKK?p=preview

网址.py

视图.py

绘图.html

情节.js

chart.js 和 angular-chart.js 位于我的 data/static/data/js 或 css 文件夹中。它们已从官方 github 下载。

我不知道我做错了什么。似乎连范围都不能被解读为.labels.series没有得到任何东西。我想知道这是否与我滥用有关djng