问题标签 [angular-chartist.js]

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 投票
2 回答
2025 浏览

angularjs - 如何在角度图表js中的每个条上设置单一颜色

这是我的html代码:

这是js代码:

条形图

每个条的颜色都不同,并且在每次重新加载时也会发生变化。

我只想要所有条形图中的蓝色。

0 投票
1 回答
5461 浏览

angular - 如何在 Angular Chart.js 中以异步方式更新数据图表?

我的项目基于ngx-admin starter empty(没有所有库)。我在package.json中导入了 angular2-chartjs lib 。图表绘制正确。

当我收到来自服务器的响应时,我需要以异步方式更新图表数据。

我阅读了 Chart.js 的文档,该文档以以下方式报告了这种更新数据的方式:

但这是ChartJs,而 ngx-admin 使用angular2-chartjs

在我的组件中,我用空数据初始化了图表:

这里有人会知道建议解决我的问题吗?(一个例子表示赞赏)。

谢谢

0 投票
1 回答
66 浏览

angularjs - Chartist:根据 y 值改变图表的背景颜色

我目前正在使用图表专家来绘制血压图。我希望 y 值大于 140 mmHg 的图表的背景颜色为红色,140-120 mmHg 为绿色,低于 120 mmHg 为蓝色。现在有没有办法做到这一点?

0 投票
3 回答
3926 浏览

angular - 从api获取数据时,Angular 6 Chartist Donut Chart第一次没有加载

“我正在使用 Angular 6。我在仪表板上有一个圆环图,当我转到其他页面并返回圆环图显示时,它的数据第一次没有加载。刷新时数据也消失了。我正在获取 api 数据在解析器的帮助下。图形和其他组件被加载,但不是这个图表。在给定静态数据时它工作得很好。

0 投票
1 回答
215 浏览

javascript - 图表:彼此下方的两个双极条

我目前正在使用 AngularJs 创建一个双极条形图。截至目前,这两个系列并排显示。 这就是它目前的样子。 如何将它们显示在彼此下方,使它们看起来像图 2?

这就是它应该的样子。 我正在使用 Chartist。

这是我的component.ts:

这是 HTML 部分。

我必须更改哪些参数才能将负条直接显示在正条下方而不是在它们旁边?

非常感谢您!

编辑: 现在看起来像这样

0 投票
1 回答
804 浏览

javascript - 在 angular-chart.js 中绘制常量线

我需要在图表中画一条恒定线。我正在使用“angular-chart.js”。

这是我的 HTML 部分

这是我的角度代码

这就是它现在的工作方式

https://i.screenshot.net/2e9pyf0

这就是我需要的。

https://i.screenshot.net/30lg5sr

非常感谢

0 投票
1 回答
284 浏览

arrays - 通过 angularjs 从 json 数组传递值来绘制条形图

我有一个 JSON 数组如下

通过使用上面的 json 数组,我想绘制一个按 id 和 day 分组的条形图。那就是我需要为第 1 天的 id 00000005,00000004,00000003 和第 2 天的 id 00000005,00000004,00000003 和第 3 天的 id 00000005,00000004,00000003 和第 3 天的 id 00000000004,00000000000004 000004 绘制图表. 我知道使用angular-chart.jschart.js绘制条形图的基本代码。但我不明白我应该如何将我的数组值传递给 $scope.labels 和 $scope.data。

条形图的基本代码

更新

我设法根据日期对数组进行分组,以下是排列好的数组

现在如何将这些值分配给 $scope.data 和 $scope.labels ?

0 投票
0 回答
55 浏览

angularjs - 尝试使用chart.js时Angularjs业力给出错误

我在我的 angularjs Web 应用程序中使用 chart.js,并且在运行 karma start 时进行业力测试,它找不到 chart.js 模块

0 投票
0 回答
44 浏览

angularjs - Angular.merge 不是 angularjs 图表集成中显示的函数

我正在使用angularjs chartjs。没有问题。但是当我使用chart-dataset-override="datasetOverride"它时,它显示了angular.merge不是函数的问题。我正在使用 angularjs版本 1.3.3。我现在没有升级 angularjs 的选项。 在此处输入图像描述

0 投票
0 回答
29 浏览

javascript - 如何在角组件中使用的chartist.js中的栏旁边附加信息数据?

我想在chartist.js 库中的选定线栏旁边添加信息数据,该库在附图中突出显示的黄色部分的角度组件内使用。 在此处输入图像描述