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

angular - 无法读取未定义的属性“toLocaleString”。Angular 5 ngx 图表

控制台日志无法读取我的 component.ts 上未定义的属性“toLocaleString”我正在使用此方法从 json 获取数据

我也设置

和我的 HTML

对这个错误有什么想法吗?我试过图表:{“名称”:字符串,“价格”:数字} [] = []; 但同样的错误

我正在使用 Angular CLI:1.7.4 节点:8.11.2 操作系统:win32 x64 Angular:5.0.2 “@swimlane/ngx-charts”:“7.4.0”,

0 投票
2 回答
6686 浏览

angular - ngx-charts 颜色无法正确显示 Angular 6?

我正在尝试使用角度 6 中的 ngx-charts 为堆积条形图添加颜色。我使用数组添加颜色,但每次颜色都会自动更改。每当我请求数据颜色自动更改时。是否有任何功能或技术可以在角度 6 中手动将颜色分配给 ngx-charts 到每个数据?这是我的 HTML 代码

这是我在打字稿文件中使用的颜色数组

0 投票
1 回答
907 浏览

angular - 如何在 ngx-chart 中将 yOrient 属性设置为正确?

我在我的项目中使用垂直条形图。似乎可以移至ngx 图表中的Yaxisright但是怎么做呢?我尝试在 css 转换的帮助下做到这一点,但这不是一个好的解决方案,并且 y 轴在调整窗口大小后会移动。

0 投票
3 回答
22574 浏览

label - 自定义工具提示内容@ngx-charts | 角2+ | 打字稿

我一直在尝试在折线图的工具提示中设置自定义标签,例如,以 HH:mm 格式(74 分钟 --> 1:14)修改的分钟数,但不幸的是没有任何成功。将值显示为 1.283(...3) 不是替代方法。

数字到 HH:mm 作为工具提示标签

有人知道如何保存 x 和 y 轴值(分别是日期和数字),并修改工具提示显示值吗?

例如:https ://swimlane.github.io/ngx-charts/#/ngx-charts/line-chart

而不是显示颜色、国家名称和数字的工具提示,--> 颜色、国家名称和字符串(数字 > 3000 ? 'high' : 'low';)

当前行为 按预期工作。

预期行为 显示自定义标签。

重现问题 链接在上面的描述中

改变行为的动机/用例是什么? 能够自定义工具提示的内容

请告诉我们您的环境: 操作系统:Win 10 x64,IDE:Eclipse EE

ngx 图表版本: 3.0.2

角度版本: 6.0.2

浏览器: [全部]

语言: [TypeScript 2.3.3]

0 投票
0 回答
630 浏览

angular - ngx-charts 时间线:获取选定的时间段

当使用 ngx-charts 中的时间线功能并选择一个范围以放大时,是否有一种方法(回调或事件侦听器)可以返回您正在查看的数据或周期的子集?

我基本上有一个代表相同时间序列数据的表格和图表。当我使用时间线时,我希望表格数据也可以针对选定的时间段进行过滤。我想知道是否有办法做到这一点。

在这个例子中,flot 图表给你的排序:http: //www.flotcharts.org/flot/examples/selection/index.html

0 投票
2 回答
1600 浏览

angular - 更新 angular2-chartjs 中的图表数据

我正在使用 angular2-chartjs 创建图表。下面是我的代码

模块

看法

这是我的组件

我在想如果我更新按钮单击事件中的数据,那么它应该自动更新图表中的数据,我看到数据正在更新,但图表不是 redrwan

谢谢

0 投票
2 回答
5032 浏览

javascript - 如何在angular2中垂直制作ngx图表中的“高级饼图”?

我是 angular js 的新手,我曾经很容易在 css 中自定义样式,但在这里我不能

我正在使用 ngx-charts “高级饼图”,我需要垂直制作结果我该怎么做?

例如这里的附件

水平显示结果,但我的 div 宽度小,高度大,所以我需要将结果移动到圆图下方。

谢谢你。

0 投票
2 回答
2384 浏览

angular - 使用 ngx-charts 为特定系列自定义颜色

我正在使用 D3.js ngx-charts 的 Angular 包装器,我有一个表示垂直堆叠图的条形图,但是当系列具有特定值时,我需要自定义系列的颜色。这是我的结果如何形成的示例。

0 投票
4 回答
11799 浏览

css - 更改在 Angular ngx-charts 上设置的默认颜色

我正在开发一个角度应用程序并使用 ngx-charts,在调试和在线搜索了片刻之后,我找不到如何更改图表上的调色板。

默认的角度调色板如下所示: 在此处输入图像描述

你们知道如何更改 ngx-charts 上的调色板吗?

非常感谢任何帮助,谢谢!

0 投票
0 回答
1639 浏览

javascript - 不要在 ngx-charts-line-chart 上绘制空值图形

我,正在使用 ngx-charts-line-chart 来绘制图表。在 Null 值上出现错误,并且图形在 null 值上绘制为 0。

错误

我不想在空值上绘制线。我怎么能做到这一点。

这是当 API 值也为空时我的图表的屏幕截图。

截屏

根据图表,2 月 18 日的值为 null。该图不应被绘制。在那一天,当我在那一天悬停时收到上述错误。

API 响应api数据

在 github 上找到参考问题 - https://github.com/swimlane/ngx-charts/issues/799。说需要添加makeNullPointInvisible,默认值为 False但不知道在哪里添加