如何在ngx-chart折线图中反转y轴

Question

如果我们查看ngx-charts line chart demo，我们可以看到默认显示的y轴为：

有没有办法反转 y 轴，让它看起来像这样？

Answer 1

对此有一些解决方法：

如果在设置数据时将所有值乘以-1，然后在标签格式中再次将它们全部乘以-1，顺序会颠倒但标签不会改变。

所以您的数据将是 [-3000,-4000,-5000,-6000]，将它们按“正确”顺序排列，那么您的格式将是

  yAxisTickFormatting = (value) => {

return value * -1;

};

给你想要的效果。

stackBlitz - https://stackblitz.com/edit/angular-simple-ngx-charts-emac6m?file=src/app/app.component.ts