68 questions
0
votes
1
answer
405
views
pan feature doesn’t work in chartjs-plugin-zoom
I’m using Chart.js v4.4.3 with chartjs-plugin-zoom v2.0.0. The zoom works with the mouse wheel, but the pan feature doesn’t work, and the onPan callback isn’t triggered despite being enabled and ...
1
vote
1
answer
68
views
Auto Y scale not working when zooming and panning with data update from server
I have a temperature chart, with X axis = time, and Y axis is temperature.
Because I have data collected every minutes since several years, I have a lot of data, and I don't want to display all of ...
- 744
1
vote
1
answer
88
views
How to listen to chartjs-plugin-zoom's events in another Chart.js plugin
I'm writing a custom plugin for Chart.js 4 and I want my plugin to behave well with the chartjs-plugin-zoom plugin.
In order to do this, I need to listen to the chartjs-plugin-zoom events (onZoomStart,...
- 8,231
0
votes
1
answer
60
views
How to restrict the zoom area to be inside chartArea
I am trying to use the zoom within chartArea, however zooming in causes the zoom to use the whole chartArea rather than within the X and Y axes.
var arbitraryLine = {
...
- 245
0
votes
1
answer
75
views
ChartJs tooltip is only visible if the mouse pointer is hovered away from the chart
ChartJs tooltip is only visible if the mouse pointer is 10-20 pixels away from the point.
Please see the image below. The tooltip only appears when the pointer is not on the chart. There is nothing ...
- 725
0
votes
1
answer
491
views
How to use chartjs-plugin-zoom in laravel
I am trying to use the functionality of chartjs-plugin-zoom in my laravel application but I cant't get it to work.
In the blade I am loading the plugin through Cloudflare cdnjs:
<script src="...
- 135
1
vote
1
answer
843
views
Using Hammer + chart + chart plugin zoom not work in mobile
I am encountering an issue with the drag functionality on mobile devices in a Chart.js chart that utilizes the chartjs-plugin-zoom and hammer.js. The chart works as expected on desktop browsers, but ...
1
vote
0
answers
235
views
Button for enable or disable zoom and pan utils using chartjs, react-chartjs-2 and chartjs-plugin-zoom
Im trying to create a button for enable or disable zoom and pan options in my chart.
Part of my code
import { useRef, useState } from "react"
import { Line } from "react-chartjs-2"
...
- 11
1
vote
1
answer
853
views
Chartjs Zoom Plugin - Default scroll behaviour not working
In my project, I have implemented a bar chart using Chart.js. The chart allows users to scroll to view the amounts for the previous months over the last two years. To enable panning on the x-axis and ...
- 15.4k
4
votes
4
answers
2k
views
Chartjs plugin zoom Reference error: window is not defined
In Nextjs application while I'm run the command for build and export there was an ReferenceError
I've attached the screenshot for your reference..
When remove the import of chartjs-plugin-zoom from ...
1
vote
0
answers
215
views
Blazor server app can't use Chart JS zoom plugin
I tried to add to Blazor Server app graphs by using ChartJS. I used tutorial after some tweaks it started to work but no luck with plugin zoom.
I have used .Net 7.0, ChartJS 4.4.0 and zoom plugin 2.0....
- 21
0
votes
0
answers
202
views
Chartjs-plugin-zoom drag option doesn't work
Using Chart.js with chartjs-plugin-zoom and chartjs-plugin-streaming the drag option shows the selected area but doesn't resize.
The wanted effect is to select a specific area and view only the ...
0
votes
1
answer
288
views
SvelteKit: chartjs-plugin-zoom not working
Sample code:
<div>
<canvas id="example"></canvas>
</div>
<script>
import { onMount } from 'svelte'
import Chart from 'chart.js/auto' // Version 4....
- 1,437
0
votes
0
answers
57
views
y value is overlapped by yellow box regions that I have defined in chart js
Currently, when the data points lie within the box region demarcated by the Lower Specification Limit (LSL) and Lower Control Limit (LCL), they are overlapping with the yellow shaded area that ...
- 1
1
vote
3
answers
84
views
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 ...
- 29