Skip to main content

Disable animation only for y-axis

I currently have a chart that shows real-time information. I tried to disable the animation for the y-axis, because the dots hopped around which creates a weird effect. But I still want that new dots fade in smoothly along the x-axis.

So I tried it with this configuration:

const chartOptions: ChartOptions = {
    animations: {
        x: {
          duration: 500
        },
        y: false,
    },
    // ...
};

The result is no animation at all. Not on the y-axis, but also not on the x-axis. It doesn't look smooth anymore. What do I miss?

enter image description here

Via Active questions tagged javascript - Stack Overflow https://ift.tt/FoRM2K3

Comments