问题标签 [ngx-charts]

我有一个 JSON 文件，它是我的模拟数据，我必须显示 Y 轴值的总和并在 ngx-Chart 中显示

我需要对 Column1 和 Column 2 求和，但在 ngx-chart 中它只显示最大值列，在我的情况下是 column1

我有一个表格，其中一些单元格包含一个 ngx 图表：

正如您在图片上看到的，线条和每边的单元格边框之间有一些空间。是否可以删除此空间以减小单元格的大小？

HTML：

.ts：

这对于 stackoverflow 来说可能是一个过于简单的问题，但我对 anuglar2 和 ngx-charts 非常陌生。

所以我们有这个简单的折线图组件。

我的问题是，我希望能够禁用动画并更改动画，但我不知道这是如何完成的。任何帮助将不胜感激（也随时更正代码约定，我总是在这里学习）。

我正在使用 ngx-chart 5.3.1 & angular 4.1.1。单击时，我想突出显示饼图中的特定切片。

在页面加载时，我给出了静态数组

它在页面加载时正确突出显示特定切片。单击饼图的一部分时，我尝试设置activeEntries不突出显示饼图的特定部分。我需要突出显示特定单击的切片。

零件

模板

在尝试初始化使用ngx-charts和 API 获取的数据构建的图表时，我遇到了一些糟糕的情况。

我构建了一个 rest api，在适当的调用后，它会吐出一些时间序列数据。

我建立了 price.model.ts来正确处理它，它工作得很好

然后，我设置了details.component.ts以执行此类 api 调用、获取数据、解析数据并将其呈现到图表中。

我的ChartDataModel.ts定义为

最后，这是我的details.page.html

this.ngxData.data打印之前记录Object.assign一切都很好

但我最终得到以下结果

我按照此处提供的示例进行操作，但最终没有实际显示任何数据。

我不明白为什么，即使数据按照图书馆的要求进行了格式化，也没有显示数据。

我究竟做错了什么？是不是构造函数初始化错误造成的？

我在 AOT 模式下有一些警告和错误，在 JIT 模式下没问题。

在 AOT 模式下，应用程序在浏览器中运行良好，但在构建过程中出现警告和错误消息，如下所示：

例如第一个警告：

例如第一个错误：

ngx-charts 版本：6.0.1

角度版本：4.2.4

Webpack 版本：2.2.1

我究竟做错了什么？

在 ngx-area-chart 中，我想设置最大值。在 xAxis 上显示的标签为 5。如果我只有几个值，这将按预期工作（左示例），但有更多数据，标签开始旋转，它看起来像此屏幕中的右示例：

截屏

我希望 xAxis 上只有 5 个标签而不旋转，与图表中值的数量无关。我只通过更改 data.ts 中的值来玩这个plunker：

任何帮助深表感谢。

我正在使用 ngx-charts 绘制时间序列数据。

我正在使用他们的示例

它确实有一个配色方案选项，但只会改变线条的颜色及其对应的域。

xAxisTickFormatting 和 yAxisTickFormatting 还有另一个选项，但我不确定如何使用它

我希望 x 轴和 y 轴标签的颜色类似于此示例 https://swimlane.github.io/ngx-charts/#/ngx-charts/line-chart

我尝试使用此代码自定义 ngx-charts-heat-map 的工具提示

如果数据是单对象数组而不是多对象数组，我意识到这项工作很好

ngx-charts-heat-map 只允许多对象，有没有办法自定义工具提示？也可能是传说

我有一个单线图，X 轴上有日期。在某个日期之后，我希望这条线是不同的颜色。这可能使用ngx-charts吗？