问题标签 [ngx-charts]

我有一个 Angular 6 应用程序，它使用出色的ngx-charts框架来显示图表。这个图表组件让我可以指定一个工具提示格式化函数，如下所示：

然后在父组件类中定义格式化函数：

当我尝试从此格式化程序函数访问父组件类中的值时，会出现我的问题：

在这种情况下，testVar将是未定义的。

我知道“this”引用丢失了，因为ngx-charts它被引用dateTickFormatting为“原始”函数。有没有办法保留对父类的引用this，除非对图表框架进行修改？

我目前正在使用 ngx-charts 库来显示一些数据。

我发现的一个 UX 问题是，由于 y 轴刻度的长度发生变化（fe 1000 和 100000），图表会在重绘前闪烁。

我想知道是否有办法设置刻度的宽度？

我尝试为刻度 (  ) 添加空间，但它会显示 1000在图表上。

任何人都知道如何解决它？

更新：单击更改按钮以查看 y 轴上的闪烁。

https://stackblitz.com/edit/ngx-charts-flickering-problem?embed=1&file=app/app.component.ts

我目前正在为 Angular2 使用 ngx-charts，我想自定义一些图例，例如将图例放在图表下方，或重命名图例字段，或使图例更宽（部分文本被截断..）等等

自定义图例有什么好的选择吗？还是通常不可能，或者最好的方法是什么？目前，我的图表图例如下所示：

有些图例太宽，有些被截断，我想将图例定位在图表下方...

如何替换 ngx-charts 的标签？

水平图由三行组成。每行的右侧都有一个标签（'8000'、'7500'、'7300'）。我需要将这些标签替换为“100%”、“90%”、“3%”。

但是 X 轴上的标签应该保持不变。

.

我的组件代码：

现场演示

我使用 ngx-charts 9.0 版本。

我需要对图表的 x 轴刻度进行排序。我尝试使用 [xAxisTicks]，但没有用。我找不到任何与 xAxisTicks 相关的示例。我试图在其中分配一个变量，例如：

values = ["2012","2013","2014","2015","2016"];

另一个有趣的事情是，我的系列已经排序，但仍然显示未排序。

图表对象（系列）

查看图表的 x 轴

我正在使用 ngx-admin 并且正在尝试使我的 ngx-line-chart 响应。

我的图表在 nb 卡中，当我调整窗口大小时，nb 卡完全响应。所以我希望我的图表调整大小以适合 nb 卡。

我的html代码：

我的组件：

我已经尝试让屏幕大小来改变我的图表大小与屏幕大小，但它不是完全响应。要更改图表的大小，我可以使用变量 view=[x, y]。我在 ngx-line-chart 文档中读到，如果没有定义尺寸，则图表适合他的容器，但在我的情况下它不起作用。

谢谢您的帮助 ！

请参阅plunker url 以获取演示。

根据快照：

数据值的格式与获取它们的格式相同。它应该有以单位显示的选项：

比如 2140000 显示为 2 GB。

代码示例：

用 angular 2 创建 pdf 的最佳方法是什么？

我尝试使用 pdfmake 和 html2canvas，但在 IE（ngx-charts）中呈现图表时遇到了一些问题。那么，您认为另一个插件更好吗？

谢谢

Download/Export HeatMap ngx swimlane char as image.

Refer plunker url https://plnkr.co/edit/2rtX5cueg2hlzmztUbkH?p=preview

Need any option/property to download the chart as image

Code`

原屏，

嗨，我可以拉伸图表并增加宽度，但只要我点击按钮将宽度缩小到原始状态；图表未调整大小。它仍在使用扩展维度

以上是重叠图表的截图。任何人请帮忙。