pan (high sensitivity, zooming while moving)

[DamianCieslak]

Hi,

I have a big problem with Pan.
When trying to move the graph in the x or y axis, the graph starts to move quickly to the right side.
When zooming in, it stops seeing some of the data and further you can't pan to the left.
Pan in the y-axis works reasonably well.

Versions:
Chart.js v3.1.1
Hammer.JS v2.0.7
chartjs-plugin-zoom v1.2.1

Here is the code:

ChartList.push({
            LotNo: Lot, Chart: new Chart(ctx, {
                type: 'line',
                data: {
                    labels: [],
                    datasets: []
                },
                options: {
                    showLine: false,
                    interaction: {
                        intersect: false,
                        mode: 'index',
                    },
                    scales: {},
                    scaleLabel: {
                        display: false
                    },
                    elements: {
                        line: {
                            tension: 0,
                        },
                        point: {
                            radius: 3,
                            borderWidth: 2,
                            pointStyle: 'circle'
                        }
                    },
                    plugins: {
                        tooltip:
                        {
                            callbacks: {   
                            }
                        },
                        zoom: {
                            pan: {
                                enabled: true,
                                mode: 'xy'
                            },
                            zoom: {
                                  wheel: {
                                      enabled: true,
                                      speed: 0.5,
                                      modifierKey: 'ctrl'
                                  },
                                      mode: 'xy'
                                }
                        },
                        autocolors: false,
                        annotation: {
                            annotations: [],
                        }
                    }
                }
            })
        });

[kenjichanhkg]

I'm new chartjs, and I have the same issue.

[kenjichanhkg]

I've found it has something to do with the label parsing, if my labels are just string, pan works

[DamianCieslak]

Can you send a code snippet how you solve this problem?