Stack Overflow
Stack Overflow

Questions tagged [chartjs-plugin-zoom]

63 questions
6
votes
1 answer

Chart.js　How to synchronize pan and zoom in multiple chats

I want to synchronize pan and zoom on multiple charts. I'm been using Chart.js with chartjs-plugin-zoom. charjs-plugin-zoom calls an event with the onZoom callback function. So, the values ​​at both ends of the X axis are obtained in this way with…
prophet5
  • 439
  • 5
  • 18
5
votes
0 answers

Have zoom work on x-axis, with y-axis to auto-scale to data points shown on visible graph segment

I have a graph plotting with ChartJS and plugin 'chart-plugin-zoom' for zooming. I need to auto-scale y-axis to data points shown on visible graph segment while zoom on x-axis. How I can do it? zoom: { enabled: true, mode:…
Денис Кучер
  • 71
  • 3
3
votes
0 answers

chartjs-plugin-zoom: separate x- and y-axis zoom when mouse above axis

With chartjs-plugin-zoom-plugin for ChartJS I am trying to separate x- and y-axis zoom when the user scrolls above an axis. I can not get this working and I am now wondering if this might not be possible. I expected this to be possible through the…
Chris
  • 107
  • 9
3
votes
3 answers

Chartjs error : time scale: "time.format" is deprecated. Please use "time.parser" instead

I am using Chartjs for my project. Different versions I am using are: ChartJS 2.9.3, Chartjs-plugin-streaming 1.8.0, moment.js 2.24.0,chartjs-adapter-moment 0.1.1. I plotting a realtime chart and I get this warning every second which is filling…
braveYug
  • 43
  • 7
3
votes
1 answer

Have the current zoom information in chart.js with zoom plugin

I'm trying to have a start date and end date of my zoom, not the start min and max of my chart. I don't find issues. Someone can help ? It's in VueJS plugins: { datalabels: { display: false }, zoom: { zoom: { enabled: true, drag: true, …
Calaelen04
  • 71
  • 1
  • 3
2
votes
0 answers

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in D:\node_e_modules\chart.js\package.json

When using chartjs-plugin-zoom(2.0.0) with chart.js(4.0.1) in Next.js getting this error - Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in D:\node_e_modules\chart.js\package.json
Dihaz
  • 33
  • 4
2
votes
3 answers

Charts how to find local bounds of a zoomed chart

I have been using chartjs with plugin chartjs-plugin-zoom and I couldn't find a way to get local min and max values of x,y axis. While I zooming in how can I get these bounds. For example, I know the max and min values of y however I need the max…
Zahid Cakici
  • 259
  • 1
  • 5
2
votes
3 answers

ChartJs: How to pan programmatically by time values (instead of pixels)

I'm using chartJs 3.6.1; and chartjs-plugin-zoom 1.2.1 (but I think it's not really matter :)) I have 2 timeseries line chart, and when I panning one chart via drag&drop, I want to move/pan the other graph as well! For that I enabled zoom/pan for…
cncDAni3
  • 53
  • 1
  • 8
2
votes
1 answer

chart.js v3 - data decimation not working with zoom plugin

In chart.js v3 data decimation doesn't work when zooming in via the zoom plugin. Initially at 100%, data decimation works, but if I zoom in it's no longer working (i.e. shows all points) If I zoom out to 100% again then data decimation works…
MG123
  • 402
  • 2
  • 14
2
votes
1 answer

Chart.js find visible data points following zoom

I am trying to find the currently visible data points following a zoom event using chartjs-plugin-zoom. Following examples I came up with the following onZoomComplete callback, but it is not working. function getVisibleValues({chart}) { const x…
makr83
  • 21
  • 2
2
votes
1 answer

chartjs-plugin-zoom not working with my React project

I have a react component using the 'react-chartjs-2' library to show some data. The chart with the data works fine. What I cannot do is make the chart work with the 'chartjs-plugin-zoom' plugin. I am not sure what is wrong with the config. I am…
matiasdiezcanseco
  • 31
  • 1
  • 4
2
votes
0 answers

Getting error when panning "ERROR TypeError: Cannot set property 'font' of null" in chartjs-pluggin-zoom

I am getting error in console "ERROR TypeError: Cannot set property 'font' of null" while i am panning in any direction(x/y). Also my x-axis labels also get disloacted when i pan(i think this is because of error). i want zoom and pan as smooth as…
Storytellerr
  • 642
  • 3
  • 18
2
votes
1 answer

Load more historical data in Line charts on panning left

I am plotting line chart data using ChartsModule from ng2-charts. I have also added a plugin to enable zoom and pan. The problem is I have a lot of data to show and plot, but on page load, I am loading only last 1-day data and want to give the user…
Suresh Prajapati
  • 3,991
  • 5
  • 26
  • 38
2
votes
1 answer

Is there any way to get Chiselled Effect in chart js?

enter image description here is there any attribute or any way to get this effect on chartjs
Nitish Bhardwaj
  • 21
  • 1
1
vote
3 answers

Not able to hide the (indicator) box which is next to the label in Line Graph

If there is no value in graph API response, then graph should not be plotted and also all the legends/label should be hidden (Multiple y-axis) When there is no value in y-axis, I am able to hide the graph. But, unable to hide the indicator(box)…
Elizabeth
  • 19
  • 3
1
2 3 4 5