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

angularjs - 使用带有引导程序 3 的角度图

我正在尝试包含一个角度图表组件。

,在引导程序的面板内,我正在使用节点模板引擎翡翠,这部分代码是我试图放置图表的地方:

但是图表在面板之外,就像图像一样。在此处输入图像描述

有没有办法适合面板?

谢谢。

0 投票
2 回答
1319 浏览

javascript - 为什么当它的容器上有 ng-show 时图表更新失败?

我有一个编译指令,其中包含一个 angular-charts.js 指令。

我注意到,当该图表的容器具有ng-showng-hide作为属性时,图表不会更新——它根本不显示。

这是一个证明这一点的 plunkerlisteningComponent(参见scripts.js指令)

0 投票
1 回答
2556 浏览

angularjs - 使用角度图在条形图中显示数据

我正在尝试使用angular-chart在条形图上显示数据。我正在尝试从数据库中检索数据。我想在图表上显示包括今年在内的过去五 (5) 年的所有数据,并让数据与年份相对应。到目前为止,我只使用了 2 年,如下所示。

json数组 在此处输入图像描述

Angularjs

图表的当前外观

在此处输入图像描述

任何帮助将非常感激。谢谢...

0 投票
1 回答
1165 浏览

javascript - 角带面板内的角图零尺寸

我正在尝试在引导面板内呈现角度图表(基于 chart.js)图表。目前,图表在面板内时根本不显示,但在放置在面板外时会显示。当我在浏览器中查看源代码时,我看到高度和宽度设置为零。

图表不显示

图表确实显示

页面来源:

不确定高度和宽度设置为零的位置或原因。我也尝试过在css中设置高度和宽度,但仍然没有运气。

我也尝试过调整图表选项

0 投票
2 回答
6800 浏览

javascript - 如何清除角度图表的数据

我有一个很好的应用程序,它根据几个标准显示折线图。当主要标准发生变化时,我想清除当前的折线图。但是,我无法找到如何做到这一点。我正在使用 AngulerJS v1.4.0-rc2、Chart.js v1.0.2 和 angular-chart v0.7.1。

加载页面时,我调用该函数updateSelection()。当任何其他条件发生变化时,也会调用此函数。该功能实现为:

这将调用适当的函数来根据主要标准初始化折线图的数据。在网页中显示数据条目会显示正确的值。

在主要标准的选择框中,我调用该函数updateArea()

此函数将重置输入表单和表单数据。它还将确定另一个标准 ( selections) 的数据,一个适合标准 ( ) 的标签selectionLabel,它应该重置图表数据。

但是,图表不会更新以反映新数据。那么,有没有办法正确重置数据?

图表本身使用以下 HTML 显示:

0 投票
4 回答
1522 浏览

angularjs - 角度图表不适用于requirejs

我正在尝试使用角度图表,但我不知道如何正确添加依赖项。我收到以下错误 Uncaught TypeError: Cannot read property 'defaults' of undefined in the angular-chart.js

因为角度图表都是未定义的。

我的要求配置是

我的控制器是

除了这个之外,其他所有依赖项都运行良好。请如果有人可以提供帮助。

0 投票
0 回答
41 浏览

angularjs - 在项目中使用来自不同模块的两个相同命名的角度指令

我正在使用angular-leaflet-directive渲染地图和angular-chart渲染项目中的图表。除非您想为图表启用图例,否则两者都是非常方便的库。

在这种情况下,要为angular-chart指令启用图例,您肯定需要将legend属性设置为true. 一旦完成,如果angular-leaflet-directive也为模块启用,则会发生错误,因为传单模块尝试编译自己的指令,然后抱怨缺少leaflet控制器。

遗憾的是,angular-leaflet-directive它没有为其指令添加前缀,正如 Angular 文档中所解释的那样。但这不是主要问题。

是否有任何方法可以防止针对类似情况编译指令,如果两个不同的模块为其指令选择了相同的名称,开发人员应该怎么做?

0 投票
1 回答
4413 浏览

javascript - angular-chartjs条形图中每列的不同颜色

我在我正在处理的项目中使用 angular-chartJS,我需要为条形图中的每个条使用不同的颜色。

帆布:

控制器:

我试图将属性添加colours="medals_colours"到我的画布中,唯一的问题是它只使用数组中的第一种颜色,而我想要的是每种颜色代表每一列。So#087D76用于表示Gold#B3BC3AforSilver

0 投票
2 回答
7978 浏览

css - TypeError: (intermediate value)[type] 不是函数

我正在尝试按照此处的指南显示一个简单的图表:http: //jtblin.github.io/angular-chart.js/

我正在使用sails.js、angular、bootstrap 和angular-chart.js

当我加载应用程序时,我得到一个空白图像,图表应该在哪里。我在 chrome 开发工具中看到了这个错误:

请原谅我,但我不知道为什么会出现这个错误。

我已经尝试了下面代码的无数变体,并且觉得这个版本是我得到的最接近工作示例的版本。

看法:

模块:

控制器:

0 投票
1 回答
3798 浏览

angularjs - 角度图表不更新数据更改

我有一个角图表栏,它应该在从 servlet 检索 JSON 数据的 ng-click 事件上更新。问题是即使 $scope 上的数据已更新,图表也不会反映更新。为什么会这样?有没有办法手动重绘图表?我在 Angular Chart 网站上找不到太多文档。

编辑:根据要求,我还附加了模板,这是否与我在两个不同的 div 上有相同的控制器这一事实有关?