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

javascript - Chart.js 不适用于 Angular 1.5?

我正在使用 Angular 进行一些测试,并想尝试使用这个很酷的库来制作测试应用程序,但它不起作用:

ReferenceError:图表未定义 angular-chart.js:13:5 错误:[$injector:modulerr] http://errors.angularjs.org/1.5.0-rc.1/ $injector/modulerr?p0=chartist&p1= %5B%24injector%3Amodulerr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.5.0-rc.1%2F%24injector%2Fmodulerr%3Fp0%3Dchart.js

这是我的 HTML 模板:

我通过这种方式在模块中注入依赖项:

为什么我不能使用 Chart.js?是版本问题吗?我会很高兴有人帮忙。

0 投票
1 回答
1147 浏览

javascript - 更改角度图中的 y 轴值

我正在 angularjs 中创建一个项目。在我的项目中,我正在使用角度图表。我想更改图表的 y 轴值,但我不知道该怎么做。这是我的代码:

在控制器中:

在 html 中:

0 投票
1 回答
2076 浏览

javascript - 角图饼图数据点击事件

Angular JS 图表很棒,但我需要在我创建的饼图中实现点击事件.. 这是编码..

这是 JavaScript 编码...

这是上面程序的图像..我编写了代码,当我点击 The FollowUP 时,它必须与它相关的数据..但是点击事件不起作用..??

在此处输入图像描述

请查看上面的代码和图片并指导我获得我期望的确切输出。提前谢谢各位...

0 投票
1 回答
416 浏览

javascript - 如何在 angular-chart.js 中实现这些数据

我正在尝试使用angular-chart.js. 在浏览此文档时:Link For angular-chart pie chart,我发现,他们已经给出$scope.data了值和$scope.labels标签。但我有这样的数据。

如何在角度图表中实现这些数据?

0 投票
1 回答
1649 浏览

javascript - Angular-Chart 饼图上的重叠图例

我正在使用角度图表(为了在显示图表和其他东西时简化我的生活)。到目前为止,它非常简单,我能够完美地渲染我的饼图。

HTML:

Javascript:

但是,现在我尝试包含图表的图例,我遇到了一个问题;我的图例标签重叠,我不确定如何解决(如果确实有解决方法?!)。非常感谢您对此的任何帮助,:)

更新:

更新:

在检查我的饼图的图例后,我发现它受制于以下 CSS 规则:

在 angular-chart.css 中。

在 bootstrap.css 中。

在 angular-chart.js 中。

0 投票
1 回答
509 浏览

javascript - 角度图表获取和使用图表数据和标签值

我正在做一个角度图表,它具有三个值和显示标签,当我单击图表时,它必须显示我单击的标签。我正在尝试从点中获取值。

日志显示如下点:

我可以从日志中获取值,但在 $scope.value 中使用相同的值,标签显示为未定义。

0 投票
1 回答
49 浏览

angularjs - 从示例复制的角度图表未显示

这是我的代码的一个plunker:

http://codepen.io/anon/pen/BKNNjx

plunker 工作,所有的包含和一切 - 它与我的项目相同。我已经从中创建了 plunker。但在我的项目中,图表显示为空白。没有错误或任何东西。我什至无法在 plunker 中复制它。

有谁知道可能会出现什么问题,以便我的代码显示空白画布?

0 投票
1 回答
35 浏览

angular-chart - 将 ScaleGridLines 限制到角度图中的最后一点

angular-chart.js 有问题,它会显示网格线,甚至超出图表的最后一点。在此处输入图像描述

即使在最后一点之后,您也可以看到绘制的网格。

0 投票
3 回答
4014 浏览

angularjs - Chart.js AngularJS JSON 到数组

为了显示我的数据库中的一些数据,我想使用这个漂亮的图形库(Angular Chart)。

数据的格式让我有点困惑,我有一些来自我的数据库的不错的 JSON 数据,格式如下:

但是对于这些图表,我需要将它放在这样的数组中:

我相信这是一种糟糕的数据格式,但无论如何我都愿意使用这个库。

现在我如何从我的数据中获取这些疯狂的丑陋数组?

我当前的代码是这样的,但我确信有更好的方法可以做到这一点,但我无法$scope.data正确,所以现在它是硬编码的。

0 投票
1 回答
680 浏览

angularjs - 当我尝试包含 chart.js 和 angular chartjs 文件时,我得到:ReferenceError: require is not defined

我正在一个 angularjs 网站上工作 - 已经包含了 angular。我们的代码循环遍历特定文件夹中的 js 脚本并将它们添加到包中,因此脚本引用会在主页上发出(我们使用的是单页架构)。

我没有明确尝试调用代码,它目前刚刚被包含在内,但是当我打开我的网站时,我现在收到以下 js 错误:

未捕获的 ReferenceError:未定义要求

它发生在这里: var gulp = require('gulp'),

我没有使用 bower 来安装 - 我只是拉出源并将文件夹放入被解析以发出 js 脚本的文件夹中。

还有什么我需要安装的吗?