问题标签 [ngx-charts]

我是 ngx-charts 的新手，我正在尝试通过从 bitstamp 服务获取数据来呈现动态比特币数据。目标是将比特币数据（价格和时间戳）直观地呈现到图表（值和日期（从时间戳数字转换为实际日期）），并且每当比特币数据更新时，数据就会自动推送到图表中。我试图从这个 plunker 应用类似的方法：https ://plnkr.co/edit/JSTcS4FnJ5dshAldLWPL?p=preview 。

但是，我在市场数据组件中遇到了一些错误，例如：

属性 d：预期数字，“M0,NaNZ”。属性 cy：预期长度，“NaN”。

我不知道我在哪一步做错了。以下是相关脚本：

bitstamp.service.ts：

市场数据.component.ts：

市场数据.component.html：

先感谢您。

是否有详细的文档如何制作自定义 ngx-chart？这是我发现的，但无法开始使用： https ://medium.com/@amcdnl/charts-with-svgs-in-angular2-1d08a0e635ea

我想创建一个自定义时间线图表，如下所示：

https://drive.google.com/open?id=0B2wUYluH2H4vZXdNUmxjU3JIWmc https://drive.google.com/open?id=0B2wUYluH2H4vSnZkT1ZUdWd3N2M

我试图重新创建第二个，这是我目前完成的进度： https ://drive.google.com/open?id=0B2wUYluH2H4veGlNak13clRFeEk

我在这个图表中只使用了 svg 矩形，但我希望在 angular4 下使用 d3。我认为可以使用 ngx-chart 和 d3 来完成，但我找不到任何有用的文档。

svg 来源：

我正在尝试使用角度 4.x 中的 ngx-charts 构建堆叠条形图。在显示数据标签时，我正在使用工具提示模板并且能够显示，但我希望这些标签始终显示（而不是仅在鼠标悬停时显示）。

我如何在 ngx-charts 中实现这一点？

使用 ngx-charts，特别是垂直条形图，我发现有一个元素限制，在这些元素上不会显示条形图。

我认为限制与图表的可用宽度和元素数量有关，这当然是有道理的。

我复制了修改官方示例的“问题”（源数据在 data.ts 中）：

• n = 限制元素：plunkr（存在条形）
• n+1 个元素：plunkr（条形消失）

我的问题是：有没有办法防止这种情况发生，比如在需要时添加滚动条，或者更好？

如果没有，是否有一个事件/日志/挂钩我可以用来至少检测它正在发生并隐藏图表/通知用户？

有趣的是，当条形消失时，它们的 g > 路径节点也会从 DOM 中消失。

由于“plunkr 必须伴随代码”的限制，我还在这里粘贴了它的角度模板代码，也许它有帮助：

我正在初始化一个字符。效果很好，因此正确设置了配置并安装了依赖项。我遵循了折线图的示例并使用了此处提供的数据：https ://swimlane.gitbooks.io/ngx-charts/content/charts/line-chart.html

工作正常。问题是当我从 API 提要加载数据时，我的图表表现得很奇怪，工具提示并没有消失，无论我点击什么路线，它都会在同一个窗口中加载，也就是有些东西坏了：

现在这是来自提要的数据：

然后我在图中初始化这样的数据：

事情不行。当我将数据直接放入 ts.file 时：

然后像这样初始化它：

然后它工作。我不确定有什么不同：

我想在 ngx-chart-gauge 中可视化一些实时数据。
我用这个演示建立了这个： https
: //swimlane.gitbooks.io/ngx-charts/content/v/6.0.2/charts/gauge.html 我从服务中获取我的实时数据并希望在ngx 图表仪表。我从 Service ClassdataproviderService获取数据，它将对象保存在数组“单个”中。
这是我的ngx-chart-gauge 组件：

这是ngx-chart-gauge.html

这是我的服务，我从中获取数据：

当我尝试使用OnInit在仪表中注入数据时，仪表没有更新。为了解决这个问题，我尝试了 OnChanges，但现在我得到ERROR TypeError: Cannot read property 'big' of undefined...
我不知道是否可以在没有 OnChanges 的情况下自动更新仪表或如何避免使用 OnChanges 生命周期的 ERR钩？

使用 ASPNet Angular SPA 模板我正在尝试导入 NGX-Charts，但它们不适用于服务器端预渲染。所以我试图让它们只通过将 NGX 图表模块导入 app.module.browser.ts 来呈现客户端。

但是，当我这样做时，我收到了模板解析错误：

无法绑定到“视图”，因为它不是“ngx-charts-advanced-pie-chart”的已知属性。

是否有正确的方法将组件标记为仅在浏览器中呈现？如果有的话，这似乎没有很好的记录。

或者，是否有正确的方法在角度通用应用程序中引用 NGX-Charts？

我正在使用 ngx-charts 折线图来显示每周的访问者。我使用模拟数据在图表中创建点。我想要实现的是，当用户单击某个点时，他/她可以输入诸如“平安夜”之类的内容，然后在该点显示注释。我真的不知道如何在 ngx-charts 中做到这一点。

当前代码：

我正在使用 angular4 和 ng2 图表。我需要在圆环图的画布中心内显示文本。我是 angular4 画布的新手。

我试过上面的代码没有任何效果？文本没有显示在画布的任何地方。如何添加甜甜圈图表的文本中心。？

我想在数组中推送一些实时数据，以在 ngx-line-chart 中显示数据。
这是我的折线图组件：

但这不起作用。
此外，有谁知道，是否有解决方案可以使用 ngx-line-chart 实现自己的数组结构？