我正在尝试在 SB-Admin-BS4-Angular-2 项目中使用 ng2-charts，但出现以下错误

错误：ng2-charts 配置问题：必须嵌入 Chart.js lib

现在我在 tools/config/project.config.ts 中嵌入了 chart.js

它按预期工作。现在我构建了我的项目，在构建过程中出现以下错误

我做了一些研究并将以下代码保存在 tools/config/seed.config.ts

然后构建成功，然后我在我的 tomcat 服务器中复制了 dist/prod 文件夹我的应用程序没有加载，我在浏览器控制台中收到以下错误

正在研究，但找不到。你们中的任何人都可以帮我吗

我正在尝试设置图表的大小。

我已将条形图的 ng2-chart 示例复制并粘贴到我的打字稿文件中。

如果我玩画布：

大小似乎没有发生任何事情。它总是被拉伸到 MAX。

如果我添加一些样式：

它也被拉伸到 MAX。

似乎图表显示在某种 iFrame 中，这让我更加困惑。

关于如何设置图表大小的任何帮助？

我的代码：

我对angular2完全陌生。我的问题是我通过 ng2-charts lib 创建了一个条形图，并使用 angularfire2 将其链接到 firebase。我有 2 个组件和一个服务，用于向我的 firebase 数据库发送和接收数据。我能够通过 my 将数据从一个组件发送doctor-local.component.ts到 firebasedata.service.ts并在 my 上接收它，并使此处的数据与 firebase 数据库中的值的更改保持同步，并使用事件绑定doctor-expert.component.ts在同一组件中实时显示。(ngModelChange)条形图也在这个组件中。

这是我的expert.component.ts和doctor-expert.component.html

这是我的data.service.ts

“this.items = this.dataService.messages”从数据库中接收代码，subscribe 方法从 observable 中获取值。现在我想更新在 barChartData 中收到的这个值，并使其与数据库中的更改保持同步。这样每次通过的数据doctor-local.component.ts发生变化，数据库和条形图都会立即发生变化。我尝试在构造函数本身中这样做，但数据根本不显示在条形图中，更不用说不断更​​新了。

我想使用选项字段更改折线图的网格颜色，但我不知道从哪里开始。我首先尝试使用渐变更改画布背景颜色，但结果并不好。

但是，我没有得到我想要的，因为正如您在上图中看到的那样，不仅网格被着色，而且 x 值、y 标签和图表图例也被着色。

我用这个css代码得到的结果图片

我想得到的例子

我的 chart.js 选项是

那么，有没有办法只将网格的背景设置为 3 种不同的颜色（是否有渐变）？注意：我正在使用带有 angular 2 (ng2-charts) 的 chart.js

这些天我开始使用Angular2工作，并且对框架ng2-charts有疑问。

这是我的component.ts代码：

component.html代码：

服务代码：

使用上面的代码，这就是我所拥有的，没有任何颜色的图表：

事实上，当我深入研究我的代码时，HTML 组件在开始时获取变量并随后更新它们。所以当标签为空时，即使我添加了一些标签，它们也会被添加为未定义的。所以我有一个带有正确值但没有正确标签的图表。一切都标记为未定义。

如果我在开始时启动标签，我将有一个带有正确值的好彩色图表

所以我的问题是：

如何加载数据，然后渲染 HTML 组件？

无论如何渲染没有数据的 chart.js 组件并使用正确的标签和数据更新它？

需要任何帮助，谢谢。

我有一个使用该ng2-charts包的 Angular (2) 应用程序。我的一个组件显示一个饼图，其中包含从服务器查询的数据。组件如下图所示：

和html：

运行调试器时，我可以验证是否this.labels已更新为正确包含一个字符串数组，这些字符串应该是图表数据标签的值。但是，图表使用正确的数据呈现，但没有值，所以将鼠标悬停在我得到：

我也不确定为什么默认颜色都变成了灰色？我有这个逻辑和 UI 工作正常，直到我把它变成它自己的组件。

如其他一些问题所述，我还尝试在服务调用之前添加this.chart.ngOnChanges({});图表在哪里。@ViewChild(BaseChartDirective) chart: BaseChartDirective;我还尝试this.labels = this.labels.slice();在结果映射结束时尝试强制刷新，但都没有帮助。

更新：

如评论中所述，在ngAfterViewInit事件中，图表对象包含正确的数据和标签属性（数组）。然而仍然不能正常显示。

在原始 Chart.js 中，数据集结构有一个名为 stack 的属性，可用于单独堆叠一组数据集。

"stack: String 该数据集所属的组的ID（堆叠时，每个组将是一个单独的堆栈）"

我尝试在 ng2-charts 中这样做：

但是什么也没做。

这是来自 ng2-charts 的数据集属性： datasets (Array<{data: Array | number[], label: string}>) - data see about，出现在图例和工具提示中的数据集标签

是否有单独堆叠组的解决方法？

谢谢！

我有一个非常简单的折线图，当用户单击按钮时，我想在其中添加值。但无论出于何种原因，只会显示添加的第一个值（在初始值之后），并且之后的所有值都会被削减。

我知道这个非常相似的问题，但我已经在使用标签，但它仍然无法正常工作。

我已经为我的问题制作了一个plunkr版本，但这基本上是我的代码：

模板：

零件：

这是某种错误还是有人知道如何解决这个问题？

我在尝试使 ng2-charts 工作时遇到问题。我在 GitHub 和这里阅读了许多类似的帖子，但到目前为止没有任何成功。错误是：

我的 app.module.ts：

我的 systemjs.config.js

我对 Angular2 很陌生，所以我将非常感谢有关如何使图表工作的任何提示。当然，一开始我安装了 bower 的 chart.js 和 ng2-charts，我包括了

在我的 Index.cshtml 文件中。

我正在使用ng2charts基于chartjs的构建（我认为）。我想将我的 y 轴设置为从特定值开始。我怎样才能做到这一点？来自打字稿的动态会很棒，用 HTML 硬编码是可以接受的。

我的图表组件 html

我的组件打字稿