Skip to content

Commit

Permalink
update README with more example
Browse files Browse the repository at this point in the history
  • Loading branch information
@chrispahm
chrispahm committed May 26, 2020
1 parent b396ade commit b36f3ad
Showing 1 changed file with 16 additions and 12 deletions.
28 changes: 16 additions & 12 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,18 +7,22 @@ Makes data points draggable. Supports touch events.
![Drag Data Animation](https://user-images.githubusercontent.com/20703207/77322131-8a47f800-6d13-11ea-9ca8-b9fc7f820e85.gif)

### Online demos
| Chart Type | Demo | Source |
|:-------------------------------------------------------|:--------------------------------------------------------------------------------------|:--------------------------------------------------------------------------------------------------------------------|
| Line - Single Y-Axis | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/index.html) |
| Line - Dual Y-Axis | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/dualAxis.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/dualAxis.html) |
| Line - Small | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/smallChart.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/smallChart.html) |
| Line - React Fiddle | [demo](https://jsfiddle.net/3v9kexbh/) | [source](https://jsfiddle.net/3v9kexbh/) |
| Bubble - Simple Bubble | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/bubble.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/bubble.html) |
| Radar - Simple Radar | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/radar.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/radar.html) |
| Bar - Simple Bar | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/bar.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/bar.html) |
| Horizontal Bar - Simple Horizontal Bar | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/horizontalBar.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/horizontalBar.html) |
| Stacked Bar - Simple Stacked Bar | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/stackedBar.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/stackedBar.html) |
| Stacked Horizontal Bar - Simple Stacked Horizontal Bar | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/stackedHorizontalBar.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/stackedHorizontalBar.html) |
| Chart Type | Demo | Source |
|:-------------------------------------------------------------------------------------------------------------------------------|:--------------------------------------------------------------------------------------|:--------------------------------------------------------------------------------------------------------------------|
| Bar - Simple Bar | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/bar.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/bar.html) |
| Bubble - Simple Bubble | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/bubble.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/bubble.html) |
| Horizontal Bar - Simple Horizontal Bar | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/horizontalBar.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/horizontalBar.html) |
| Line - Single Y-Axis | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/index.html) |
| Line - Dual Y-Axis | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/dualAxis.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/dualAxis.html) |
| Line - Drag multiple points | [demo](https://jsfiddle.net/45nurh9L/3/) | [source](https://jsfiddle.net/45nurh9L/3/) |
| Line - Small | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/smallChart.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/smallChart.html) |
| Line - React Fiddle | [demo](https://jsfiddle.net/3v9kexbh/) | [source](https://jsfiddle.net/3v9kexbh/) |
| Line - Drag x-, and y-axis (scatter chart) | [demo](https://jsfiddle.net/rqbcs6ep/1/) | [source](https://jsfiddle.net/rqbcs6ep/1/) |
| Line - Zoom, Pan, and drag data points (combination with [chartjs-plugin-zoom](https://github.com/chartjs/chartjs-plugin-zoom) | [demo](https://jsfiddle.net/s6xn3q9f/1/) | [source](https://jsfiddle.net/s6xn3q9f/1/) |
| Mixed - Bar, Bubble, and line Chart | [demo](https://jsfiddle.net/rqbcs6ep/3/) | [source](https://jsfiddle.net/rqbcs6ep/3/) |
| Radar - Simple Radar | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/radar.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/radar.html) |
| Stacked Bar - Simple Stacked Bar | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/stackedBar.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/stackedBar.html) |
| Stacked Horizontal Bar - Simple Stacked Horizontal Bar | [demo](https://chrispahm.github.io/chartjs-plugin-dragdata/stackedHorizontalBar.html) | [source](https://raw.githubusercontent.com/chrispahm/chartjs-plugin-dragdata/master/docs/stackedHorizontalBar.html) |

## Installation

Expand Down

0 comments on commit b36f3ad

Please sign in to comment.