问题标签 [ngx-charts]

我有四个图形，我想使用复选框来管理它们。当我点击一个复选框时，图形应该出现，如果我点击它必须消失。但是，我的代码不能很好地工作，因为图形在选中或未选中时随机出现。

这是我在 .ts 文件中的代码：

这是我在 .html 文件中的代码：

选择图表

如何解决问题？

我想ngx-charts用于我的项目。问题是我不明白如何使用从我的 api 获得的数据初始化我的图表。

垂直条形图看起来很简单。数据类型如下：

https://stackblitz.com/edit/vertical-bar-chart?embed=1&file=app/app.component.ts

constructor Object.assign(this, data)当我在（data我从我的 api 获得）中分配时，我收到以下错误：

错误类型错误：无法读取未定义的属性“toLocaleString”

他们的数据是以下类型：

我的数据是：

Edit1：这就是我从后端获取数据的方式。数据和我上面贴的一样。在构造函数中，我从 Object.assign(this, {single}) 开始，最初是 single: any[];

我试图保持当我将光标悬停在一个值上时显示的线条背景，如下图所示： 她是我生成该图的方式：

任何帮助表示赞赏。谢谢！

我在使用 ngx-charts 垂直条 2d（分组条）的 a** 中遇到了一些痛苦，每个组中的条形容器宽度似乎没有扩展到组的所有宽度，我在stackblitz 中重新创建了prblem，这可能只是一个简单的问题，但我没有看到它，请帮助:=)

我正在尝试将一些各种外部库集成到我自己的组件中，以用作我正在构建的仪表板的一部分。为简单起见，我正在尝试制作一个具有折线图、图形仪表以及更多信息作为概览项的 Angular 元素。

我在这个简单的例子中使用了 ngx-charts。我已经获取了 ngx-charts 示例编号卡，并将示例中的 html 放入我的主 overview-item.component.html 中。将示例 typescript 代码添加到 overview-item.component.ts 后，一切正常，包括我的测试应用程序。

这有效并在我的页面上绘制示例。我现在正试图将其中一些代码从主文件中移出，放入可以重复使用的组件中，并且组件本身目前没有模块文件。

overview-item.component.html 不再有，但将具有生成的组件，即 . 如果我从 HTML 中删除，并插入一个没有图表的新生成的，它仍然有效。

我的号码card.component.html

请注意，我没有更改模块或测试文件中的导入或其他任何内容，我只是在移动代码。

概述-item.module.ts

编辑添加了 my-number.component.ts

现在，当我将 html 添加到 my-number-card HTML 和 Typescript 文件中时，就会出现问题。

当我这样做时，overview-item.component.spec.ts 文件现在抱怨错误：

测试文件保持不变，除了 MyNumberCardComponent 的导入，现在它已移动到主组件的子目录和组件。

我添加了参考错误的模式，但它们没有帮助。另一个问题是错误与方括号中引用的所有可以传递的值有关。

我确信我在做一些愚蠢的事情，但我似乎无法克服这一点。我的代码在父组件中时有效，但添加子组件ng generate component似乎不起作用。

我正在从 Angular 服务中提取数据并尝试填充和 ngx 条形图。

我正在遍历数据以获取单个结果，然后将它们传递给图表。

我可以在控制台中看到数据，但它不会填充图表。我还注意到我的第一个对象是空的，而下一个对象已经填充。

这可能是图表没有填充数据的原因吗？任何帮助是极大的赞赏。

在这个 ngx-graph 现场演示中，在 Options 部分下，有 Center、Fit In View 等按钮。我想在我的解决方案中实现这些。但是，我找不到任何有关如何进行这些调用的文档，并且该演示没有提供其源代码。

在此参考文档中，它列出了 center$ 和 zoomToFit$ observables，但到目前为止，我一直无法成功订阅或触发这些。当我使用 chrome 开发工具进行检查时，检查对象上似乎不存在这些元素。

给定以下（简化的）图形设置，如何连接顶部按钮的（单击）处理程序以触发 Center 功能？

- 除了#nodeTemplate 和#linkTemplate，我们如何使用customTemplate 向ngx-graphs 添加更多元素？

根据附加的热图快照比例/范围显示数据值。需要以单位显示值，例如 2140000 显示为 2 GB。

代码示例—— 导出类 App {

}

推荐Plunker

我的ngx-charts折线图有一个奇怪的问题。

如果你看一下下面的 GIF，你会看到 2 个折线图。第一个有bug，第二个没问题。

第一个图表的值总计为零。但图表似乎在每个 x 轴点都有一个值。它不应该有那个高度，它应该像第二张图表一样平放在图表的底部。

创建第一个图表的值（列表中的每个项目的值为0）：

创建第二个图表的值（列表中除 2 个项目外的每个项目的值为0。其他 2 个项目是使图表线向上移动的原因）：

我查看了整个ngx-charts代码库，当我尝试修改各种设置时没有找到答案。

更新：

这是原始 SVG HTML 的要点。