Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Timeperiod not consistent whilst panning #824

Open
jhgeluk opened this issue Aug 9, 2024 · 1 comment
Open

Timeperiod not consistent whilst panning #824

jhgeluk opened this issue Aug 9, 2024 · 1 comment

Comments

@jhgeluk
Copy link

jhgeluk commented Aug 9, 2024

When using pan to move left/right on the x-axis of my chart I noticed that the time period does not stay consistent. This does not feel/look like normal behaviour.

I don't see this "stretching" behaviour, when using the official demo here: https://www.chartjs.org/chartjs-plugin-zoom/samples/pan-region.html

I'm using Chart.js version: 4.4.1

`zoom: {
limits: {
x: {
min: CHART_ZOOM_MIN.getTime(),
minRange: 60 * 60 * 24 * 1000, // 1 day
},
},
pan: {
enabled: true,
threshold: 0,
mode: 'x',
onPanStart({ chart, point }) {
const area = chart.chartArea;
const w25 = area.width * 0.25;
const h25 = area.height * 0.25;
if (
point.x < area.left + w25 ||
point.x > area.right - w25 ||
point.y < area.top + h25 ||
point.y > area.bottom - h25
) {
return false; // abort
}
},
onPanComplete: ({ chart }) => {
const { min, max } = chart.scales.x;

    console.log(
      'Pan: ',
      format(new Date(min), 'dd-MM-yyyy HH:mm'),
      format(new Date(max), 'dd-MM-yyyy HH:mm'),
    );
    console.log(
      'Days between: ',
      (max - min) / (1000 * 60 * 60 * 24),
    );
  },
}`
image
@kurkle
Copy link
Member

kurkle commented Nov 17, 2024

What is the x-scale configuration like?
I see the you got the inconsistent behaviour there, but did not provide a way to reproduce it 😢

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants