score:1
The chartjs-plugin-zoom provide an event listeners for user "onPan"
interaction. You can access them here https://www.chartjs.org/chartjs-plugin-zoom/guide/options.html#pan-events
So the ideas is to call fetchRest() on user pan, so you can attach your function call, in the event listener, like :
pan: {
onPan: function(chart){
fetchRest() //fetch call
}
},
Source: stackoverflow.com
Related Query
- How to create a pannable real-time chart
- how can i use chart.js to create a chart that has one time series line and one linear line on it at the same time?
- How to use Real time chart in react?
- How to create multiple y-axis time series chart
- How can I create a horizontal scrolling Chart.js line chart with a locked y axis?
- How to prevent first/last bars from being cut off in a chart with time scale
- How to create stacked bar chart using react-chartjs-2?
- How to create a gradient fill line chart in latest Chart JS version (3.3.2)?
- How can I create a time series line graph in chart.js?
- How to create single value Doughnut or Pie chart using Chart.js?
- how to create multiple chart on one component vue
- How to create a gantt chart using Chart.js and populate dates?
- How to create chartjs chart with data from database C#
- How to create a chart that uses strings for both the X and Y axes?
- How do I add time sourced from an external source as an X axis to a ChartJS graph?
- How to create a variable for chart js datalabel plugin formatter
- How do I correctly include Moment.js and Chart.js with RequireJS when I want to create charts with time scales?
- How to get chart from data points (arrays) with inconsistent time intervals and chart.js?
- How to create Bar chart that gets updated from new ajax requests with ChartJS?
- How do I create stacked chart with Chart.js version 2.0.0-beta
- How to plot chart from external JSON and format X-AXIS to show time using Chart.JS?
- How to set the xAxes min and max values of time cartesian chart in Chart.js
- How to set a time scale to a ChartJS chart from JSON?
- How do I create a stacked horizontal bar chart with Chart.js in React?
- How do you make a progressive line chart with time as the X axis?
- How to create Waterfall model chart using QuickChart?
- How to create a line chart indicating which month a user wrote more or less blogs?
- How to create a chart with chartjs.org with data from an array?
- How create time line chat with selectable year dropdown
- How to create Chart with 2 variables (x,,y)
More Query from same tag
- Chart.js hours scale show day switch
- add editable textbox to specific datapoint in a chart
- Stepped Line with angular-chart.js
- Chartjs multiple barcharts corresponding to one label
- Undefined x values in chart.js
- Intersection point in line graph in Chart.js?
- How to change colors in react charts
- issue with customisation of Chart new.js for bar chart
- Angular chart showing series but no data
- How do I place 2 <div>s side by side
- How to change font weight of footer in tooltips in Chart JS
- Bootstrap 3 tabs & Chart.js - charts not loading on tabs
- highlightFill for radar charts in chartJS
- Bootstrap Card Render Problem in Google Chrome
- Chart not rendering w/Chart.js on button click
- Format Tooltip Chartjs TypeScript Angular
- How can I add a label above just the last bar in a Chart.JS bar chart?
- Chartjs displays numbers not time
- Chartjs Radar chart - How to dynamically highlight one of the gridlines at a specific point
- Trouble with chart scaling and zooming using Chart.js and chartjs-zoom-plugin
- Chartjs show seconds on the x axis and volume on the y
- Display only certain labels with chart.js
- Chart Js clickable bar
- Draw chart.js with data from server
- Using loops to create data arrays
- Chart.js not stretching width as per data
- How to change the Chart.js legend rectangles to squares
- How to change format of DateTime reading into chart.js chart?
- How to disable converting decimal number to exponential?
- ChartJS - how to display line chart with single element as a line? (not as a dot)