https://github.com/mohamadhpp/chartjs-plugin-draggable-select-range

A ChartJS select range plugin for Line charts. It select a range of chart from X axis
https://github.com/mohamadhpp/chartjs-plugin-draggable-select-range

chart chart-js chart-select-ranger chartjs

Last synced: 6 months ago
JSON representation

A ChartJS select range plugin for Line charts. It select a range of chart from X axis

• Host: GitHub
• URL: https://github.com/mohamadhpp/chartjs-plugin-draggable-select-range
• Owner: mohamadhpp
• License: mit
• Created: 2024-06-10T21:09:04.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2025-10-17T23:35:36.000Z (9 months ago)
• Last Synced: 2025-10-31T07:51:36.524Z (8 months ago)
• Topics: chart, chart-js, chart-select-ranger, chartjs
• Language: JavaScript
• Homepage: https://chartjs-plugin-draggable-select-range.vercel.app
• Size: 278 KB
• Stars: 4
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


    



Draggable Select Range Plugin | Chart.js




A ChartJS select range plugin for Line charts. It select a range of chart from X axis









This is a ChartJS selection range plugin for line charts. Selects a range of the chart from the X-axis. You can visually select the desired range on the chart using the mouse and the draggable feature.

It is also possible to display it on the chart by selecting the desired interval with numerical data and using the method available in the plugin. This is a ChartJS selection range plugin for line charts. Selects a range of the chart from the X-axis. You can visually select the desired range on the chart using the mouse and the draggable feature.

# Demo

[![Draggable Select Range Chart.js Plugin Demo](./docs/docs/.vuepress/public/images/demo.png)](https://codepen.io/mohamadhpp/pen/YzoMJpo)

In the example folder, there is a example to explain the plugin. The demo version is also available online in the link below.

Show online demo: [Online Demo](https://codepen.io/mohamadhpp/pen/YzoMJpo)

# Documentation

Plugin documents can be accessed both inside the docs folder and online from the link below.



    Plugin Online Documentation