fill-line-dataset-span.json 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. {
  2. "config": {
  3. "type": "line",
  4. "data": {
  5. "labels": ["0", "1", "2", "3", "4", "5", "6", "7", "8"],
  6. "datasets": [{
  7. "backgroundColor": "rgba(255, 0, 0, 0.25)",
  8. "data": [null, null, 0, -1, 0, 1, 0, -1, 0],
  9. "fill": 1
  10. }, {
  11. "backgroundColor": "rgba(0, 255, 0, 0.25)",
  12. "data": [1, 0, null, 1, 0, null, -1, 0, 1],
  13. "fill": "+1"
  14. }, {
  15. "backgroundColor": "rgba(0, 0, 255, 0.25)",
  16. "data": [0, 2, 0, -2, 0, 2, 0],
  17. "fill": 3
  18. }, {
  19. "backgroundColor": "rgba(255, 0, 255, 0.25)",
  20. "data": [2, 0, -2, 0, 2, 0, -2, 0, 2],
  21. "fill": "-2"
  22. }, {
  23. "backgroundColor": "rgba(255, 255, 0, 0.25)",
  24. "data": [3, 1, -1, -3, -1, 1, 3, 1, -1],
  25. "fill": "-1"
  26. }]
  27. },
  28. "options": {
  29. "responsive": false,
  30. "spanGaps": true,
  31. "legend": false,
  32. "title": false,
  33. "scales": {
  34. "xAxes": [{
  35. "display": false
  36. }],
  37. "yAxes": [{
  38. "display": false
  39. }]
  40. },
  41. "elements": {
  42. "point": {
  43. "radius": 0
  44. },
  45. "line": {
  46. "borderColor": "transparent",
  47. "tension": 0
  48. }
  49. }
  50. }
  51. },
  52. "options": {
  53. "canvas": {
  54. "height": 256,
  55. "width": 512
  56. }
  57. }
  58. }