Questions tagged [chartjs-plugin-zoom]

63 questions
1
vote
1 answer

Chartjs-plugin-zoom plugin does not change x axis labels

I am working with the chart.js module in order to plot some data and am using the chartjs-plugin-zoom in order to enable zooming and panning however although the zooming works the labels on the x axis will not change for whatever reason. I have seen…
CrawfordBenjamin
  • 319
  • 2
  • 13
1
vote
0 answers

Is there any possibility to obtain the displayed min and max values for X axis and Y axis on a chartjs graph?

I have a chartjs(wrapped by react-chartjs-2) line graph which is zoomable. The zoom functionality was enabled by using javascript library chartjs-plugin-zoom and passing the following configuration to chartjs.ChartOptions: pan: { enabled:…
Flowryn
  • 1,437
  • 1
  • 16
  • 32
1
vote
1 answer

Chart.js How to get min-max values of X axis?

How can I get the values ​​at both ends of the X axis? I use chartjs-plugin-zoom to zoom and pan time-series data charts. I want to get the minimum and maximum values of x-axis ​​at that time. zoom: { zoom: { enabled: true, mode:…
prophet5
  • 439
  • 5
  • 18
1
vote
2 answers

Fetch more data for line chart onZoom/onPan issues

I am trying to fetch more data to my chartjs line chart (or use some backup data cached) onZoom/onPan, but having many issues doing this. My initial code base is very complex which I can't copy here completely but I'll share what I tried…
1
vote
0 answers

Chart doesn't update when zoom: min property has changed

First things first, I'm working in Angular 7 and I got the following "app": The top bar is a date filter, that gives the opportunity to choose the day "From" (De in portuguese) and the day "To" (Até in portuguese). It is supposed, by choosing these…
Pedro Relvas
  • 678
  • 7
  • 19
1
vote
1 answer

Chart.js zoom plugin: Unexpected identifier error in console

I am trying to test chart.js zoom plugin example (from official examples folder) locally. Example file name is zoom.html I changed scripts paths to local paths in the example code:
Sergey Kravchenko
  • 957
  • 1
  • 8
  • 21
1
vote
1 answer

Issue loading chart.js zoom plugin with require.js

I'm trying to use the chart.js zoom plugin with my Qlik Sense extensions. Qlik is not really relevent here I guess but I will mention it anyways. So here is how I try to load the plugin via require.js: require.config({ paths: { chart:…
tjugg
  • 2,977
  • 2
  • 18
  • 24
0
votes
0 answers

Loading chartjs-plugin-zoom provokes error

I have an application that uses chart.js which works. I wanted the ability to zoom-in on areas and decided to do this with chartjs-plugin-zoom. However when I load the scripts, I get an error (and zooming doesn't work). It never executes any of my…
Monathan
  • 63
  • 6
0
votes
1 answer

SvelteKit: chartjs-plugin-zoom not working

Sample code: