No x-axis pan or zoom using Chart.js 2.6.0

chartjs-plugin-zoom seems to have some problems in conjunction with Chart.js 2.6.0: In my case, I cannot pan or zoom on the x-axis.

When I simply run npm install chart.js@2.5.0 x-axis panning and zooming starts working again immediately. Running npm install chart.js@2.6.0 breaks x-axis pan&zoom again. So it looks like a problem with the chart.js version.

Are you experiencing the same problems or is this working for you? Any ideas what I can do to upgrade to the latest version of chartjs-plugin-zoom (it has 2.6.0 as dependency)? Please help.

In my config I use:

pan: {
   enabled: true,
   mode: 'xy',
   rangeMin: {
     x: null,
     y: null
   },
   rangeMax: {
     x: null,
     y: null
   }
 },
 zoom: {
   enabled: true,
   mode: 'xy',
 }

Enviroment:

• Ionic 3.5.3
• ng2-charts 1.6.0

Edit: Chart-type: time

[hilljh82]

I had the same problem with time x axis. After some investigation, it seems that firstTick and lastTick is no longer available on the ChartElement object. Instead, the pan function for time needs to manually index into the ticks array to get both firstTick and lastTick. I am working on a patch, and will test if this solves the problems for 2.6.0.

[jarrodbell]

Also, figured out why the axis ticks were not updating when zooming in - the ticks are being built before the options.time.min and max are taken into account.

Editing the release build of Chart.js “buildTicks” (line ~13844) function to move the following lines:

// Enforce limits with user min/max options
min = parse(timeOpts.min, me) || min;
max = parse(timeOpts.max, me) || max;

Just after this one:

var timeOpts = options.time;

Then the ticks update as you would expect.