0

I'm currently using the ngx-charts library to display some data.

One UX problem I found is, due to the length of the y-axis ticks change(f.e 1000 and 100000), the chart will flick before the redraw.

I'm wondering if there is a way to set the width of the ticks?

I've tried to add space to the ticks ( ), but it will display as  1000on the chart.

Anyone knows how to solve it?

UPDATE: Click on the change button to see the flickering on y-axis.

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

MaXon
  • 465
  • 2
  • 8
  • 17
  • Show your code to us – Sakkeer A Aug 21 '18 at 05:34
  • @A.Sakkeer here is a demo app I just made, https://stackblitz.com/edit/ngx-charts-flickering-problem?embed=1&file=app/app.component.ts – MaXon Aug 21 '18 at 07:05
  • You can't stop the flickering. Because, flickering will happen depending on your data characters length (Ex: 1 and 100000). Only the way to solve the problem is show hide concept using *ngIf. I am not sure this show hide is not a good solution, But if you want you can use. And That flickering issue is not a error, it's a chart behavior. – Sakkeer A Aug 21 '18 at 07:36
  • @A.Sakkeer is it possible to add empty spaces to the ticks? – MaXon Aug 21 '18 at 23:18

0 Answers0