https://github.com/compwright/chartjs-plugin-draggable
Draggable element plugin for Chart.js
https://github.com/compwright/chartjs-plugin-draggable
Last synced: 9 months ago
JSON representation
Draggable element plugin for Chart.js
- Host: GitHub
- URL: https://github.com/compwright/chartjs-plugin-draggable
- Owner: compwright
- License: mit
- Created: 2016-11-16T21:10:55.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-06-27T19:44:59.000Z (over 8 years ago)
- Last Synced: 2025-03-27T14:47:43.822Z (9 months ago)
- Language: JavaScript
- Size: 44.9 KB
- Stars: 45
- Watchers: 3
- Forks: 17
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# chartjs-plugin-draggable.js
A plugin for Chart.js >= 2.4.0
Makes elements such as annotations movable via drag and drop.
## Configuration
To make an element draggable, simply add the following options to the element's config section.
```javascript
{
...
draggable: true,
onDragStart: function(event) {
},
onDrag: function(event) {
},
onDragEnd: function(event) {
}
}
```
## Supported Elements
### Annotations
Requires chartjs-plugin-annotation.js >= 0.3.0.
Line annotations are supported:
```javascript
var options = {
...
annotation: {
annotations: [
{
type: 'line',
mode: 'horizontal',
scaleID: 'y-axis-0',
value: 25,
draggable: true,
onDrag: function(event) {
console.log(event.subject.config.value);
}
}
]
}
};
```
## To-do Items
The following features still need to be done:
* Box annotation support
* Skewed line annotation support
## Installation
To install via npm:
```
npm install chartjs-plugin-draggable --save
```
Or, download a release archive file from the releases page.
## Contributing
Before submitting an issue or a pull request to the project, please take a moment to look over the [contributing guidelines](https://github.com/chartjs/chartjs-plugin-annotation.js/blob/master/CONTRIBUTING.md) first.
## License
chartjs-plugin-draggable.js is available under the [MIT license](http://opensource.org/licenses/MIT).