| { |
| "config": { |
| "type": "line", |
| "data": { |
| "labels": ["0", "1", "2", "3", "4", "5", "6", "7", "8"], |
| "datasets": [{ |
| "backgroundColor": "rgba(255, 0, 0, 0.25)", |
| "data": [null, null, 0, -1, 0, 1, 0, -1, 0], |
| "fill": 1 |
| }, { |
| "backgroundColor": "rgba(0, 255, 0, 0.25)", |
| "data": [1, 0, null, 1, 0, null, -1, 0, 1], |
| "fill": "+1" |
| }, { |
| "backgroundColor": "rgba(0, 0, 255, 0.25)", |
| "data": [0, 2, 0, -2, 0, 2, 0], |
| "fill": 3 |
| }, { |
| "backgroundColor": "rgba(255, 0, 255, 0.25)", |
| "data": [2, 0, -2, 0, 2, 0, -2, 0, 2], |
| "fill": "-2" |
| }, { |
| "backgroundColor": "rgba(255, 255, 0, 0.25)", |
| "data": [3, 1, -1, -3, -1, 1, 3, 1, -1], |
| "fill": "-1" |
| }] |
| }, |
| "options": { |
| "responsive": false, |
| "spanGaps": true, |
| "legend": false, |
| "title": false, |
| "scales": { |
| "xAxes": [{ |
| "display": false |
| }], |
| "yAxes": [{ |
| "display": false |
| }] |
| }, |
| "elements": { |
| "point": { |
| "radius": 0 |
| }, |
| "line": { |
| "cubicInterpolationMode": "monotone", |
| "borderColor": "transparent" |
| } |
| } |
| } |
| }, |
| "options": { |
| "canvas": { |
| "height": 256, |
| "width": 512 |
| } |
| } |
| } |