问题标签 [ngx-charts]

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 回答
450 浏览

angularjs - 使用 ngx-charts 两年

现在在这几个小时里苦苦挣扎-试图比较一家公司两年(2015,2016)的销售额-问题是我无法用日期对其进行排序,因为当然 2016 年将在 2015 年之后出现-我希望它们“重叠” ' 我解决了这个问题:

- 所以我将 'year' 设置为 null - 但是会自动将年份更改为“1900”,这会导致工具提示中的数据不正确: 在此处输入图像描述

在这种情况下,正确的方法是什么?

0 投票
1 回答
1830 浏览

angular - Angular4:*ngIf 不隐藏元素,而是在 Internet Explorer 11 中创建重复元素

我在使用 *ngIf 根据某些标志显示不同类型的图表时遇到问题。它在 chrome 中工作,但在 IE11 中工作。*ngIf 内容在 flag 为 true 时被添加到 DOM,如果 flag 为 false,则不会被删除。

因此,每次我切换标志时都会创建新图表。

请帮我。如果我正在做一些扭曲的事情。

上下文:我们有两种类型的表单复选框/单选框。一旦用户点击提交按钮。图表将相应呈现复选框 - 条形图 Radiobox - 饼图

使用 * ngIf切换内容。它在铬中工作。

在 IE11中, *ngIf 标志设置为 false 时。元素不会被删除和替换,而是创建一组新的图表和表单。

示例代码在 plunker 中:https ://plnkr.co/edit/bANp2nJzyVMTFpK9F8NE?p=preview

0 投票
0 回答
243 浏览

javascript - ngx-charts:绘制非连续折线图

是否有使用 ngx-charts 绘制非连续折线图的原生方式?我正在使用普通的“折线图”,但找不到实现这一点的方法(对于那些想知道的人:不,我不能简单地将“0”作为值)。

垂直堆积条形图的问题相同(在这种情况下,设置值“0”在视觉上是可以接受的,但仍然不正确)。

d3 中似乎存在此选项(参见示例)。

谢谢

0 投票
1 回答
2733 浏览

javascript - Ngx-charts 无法直接用角度的异步管道加载条形图

我的问题与此类似stackoverflow帖子

当我使用异步管道观察来自firebase的数据并将其显示在图表中时,我可以看到图表但在控制台中提示空错误。没有异步管道,所有错误都消失了,但我无法获取数据(嗯,它是异步数据)。请帮帮我。

条形图

条形图代码

错误

空图表

0 投票
0 回答
1858 浏览

angular - 在泳道/ngx-charts Angular 4 中显示数据

我第一次使用“swimlane/ngx-charts”,我想显示我在运行代码时生成的数据。在控制台中我没有收到任何错误,但我没有收到“ngx-charts-pie-chart”。

代码 HTML:

代码状态-parking.ts:

这是我进入控制台: https ://ibb.co/hymKum

0 投票
0 回答
560 浏览

angular - Angular 4 高级饼图:将 NaN 显示为百分比而不是数字

目前,我正在使用ngx-charts,最初,我所有的值都为零。所以它显示 NaN (因为 0/0 未定义)。虽然 DuckDuckGoing 我什至遇到了这个错误。我将 ngx-charts 重新安装到最新版本 7.0.1,但如果是 NaN,我将面临同样的问题。有没有其他方法可以解决这个问题?

编辑:我什至找到了正确的工作代码,结果也正确。 在此处输入图像描述

但在我的代码中,我仍然面临同样的问题。

在此处输入图像描述

0 投票
1 回答
1948 浏览

angular - TypeError:无法读取未定义的属性“长度” - ngx-charts-bar-vertical-stacked

我正在尝试使用角度图(ngx-charts-bar-vertical-stacked)在堆叠垂直条形图中显示计数报告,但出现以下错误:

错误

动态构建数据,例如 //app.ts 我声明

array chartDataNGX:any[];

然后在构造函数调用getChatrtData()然后在getchartdata我去像

它因“无法读取未定义的属性“长度”而失败,那我做错了什么?

请帮忙。

0 投票
1 回答
2077 浏览

angular - ngx-charts 找到版本 4,预期为 3,

当我将它添加到应用程序模块中时,我刚刚安装了 ngx-charts 我得到了这个错误。

错误中的错误:模块 E:/Licenta/licenta/node_modules/@swimlane/ngx-charts/release/index.d.ts 的元数据版本不匹配,找到版本 4,预期为 3,解析 E:/Licenta/licenta 中的符号 AppModule /src/app/app.module.ts, 解析 E:/Licen ta/licenta/src/app/app.module.ts 中的符号 AppModule

这是我的 package.json 依赖项和 devDependencies 版本

0 投票
2 回答
1309 浏览

angular - 带有管道的 ngx 图表数据

我正在使用带有 ngx-charts 数据数组的过滤器管道。数据按 2 个日期过滤:fromDate 和 toDate。使用使数组更小的日期进行过滤时,管道工作正常,但是当我首先使用较小的日期范围进行过滤,然后再次使范围变大时,管道不适用于原始数组,但适用于已过滤的数组。

我已经做过其他点子,但从未遇到过这个问题,我不确定这里出了什么问题。也许你们中的某个人可以帮助我。

管道:

Chart.component.html 部分

0 投票
5 回答
7425 浏览

angular - NgxCharts 根据数据更改调整大小

我正在使用 Swimlane 的 Ngx Charts 构建一个用于图形数据表示的应用程序,但是当我通过重新调用 GET 函数来更新数据数组的刷新按钮更新数据时,我遇到了奇怪的行为。我将@angular/flex-layout 用于“类似平铺”的视图,但即使不使用它,我仍然会遇到这个问题——它只是增加了父容器。我不想在[view]属性中使用硬编码的 px 值,因为我希望它适用于任何大小的图形/图块。

我正在使用一个非常基本的垂直条形图:

要更新我dataArray正在做的事情:

在初始加载时,它很好并且会填充容器(它可以)但是当我点击刷新按钮时,这是我得到的行为: 在此处输入图像描述

感谢您的时间。