ngx-charts - 如何根据时间轴选择更改ngx-charts-line-chart中的xAxisTickFormatting？

Question

默认情况下，刻度是根据时间轴中的时间范围选择来设置格式的。如果它在几天中平移，则显示月份，而在一天中显示，则仅显示时间。这很棒!

现在，我想对这些刻度进行本地化。我可以提供xAxisTickFormatting来完成此操作，但是我想根据时间范围选择进行格式化。基于当前时间范围选择的“MMM DD”或“HH:MM”。

为此，我需要在时间范围选择事件中动态更改格式化功能。有这样的事件吗？还是有其他方法可以实现这一目标？

Answer 1

在图表中，可以在其他属性中声明

<ngx-charts-bar-horizontal-normalized
    ...
    [xAxis]="true"
    [xAxisTickFormatting]='formatPercent'
    ...
</ngx-charts-bar-horizontal-normalized>

formatPercent是在.ts文件(我正在使用Angular)中声明的函数，其编写方式如下

formatPercent(val) {
    if (val <= 100) {
      return val + '%';
    }
  } 

有关任何引用，请查阅文档 here。

希望这可以帮助。