scriptable.js 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. module.exports = {
  2. config: {
  3. type: 'line',
  4. data: {
  5. labels: [0, 1, 2, 3, 4, 5],
  6. datasets: [
  7. {
  8. // option in dataset
  9. data: [0, 5, 10, null, -10, -5],
  10. pointBorderColor: '#0000ff',
  11. pointRotation: function(ctx) {
  12. var value = ctx.dataset.data[ctx.dataIndex] || 0;
  13. return value > 4 ? 120
  14. : value > -4 ? 60
  15. : 0;
  16. }
  17. },
  18. {
  19. // option in element (fallback)
  20. data: [4, -5, -10, null, 10, 5],
  21. }
  22. ]
  23. },
  24. options: {
  25. legend: false,
  26. title: false,
  27. elements: {
  28. line: {
  29. fill: false,
  30. },
  31. point: {
  32. borderColor: '#ff0000',
  33. rotation: function(ctx) {
  34. var value = ctx.dataset.data[ctx.dataIndex] || 0;
  35. return value > 4 ? 0
  36. : value > -4 ? 60
  37. : 120;
  38. },
  39. pointStyle: 'line',
  40. radius: 10,
  41. }
  42. },
  43. scales: {
  44. xAxes: [{display: false}],
  45. yAxes: [
  46. {
  47. display: false,
  48. ticks: {
  49. beginAtZero: true
  50. }
  51. }
  52. ]
  53. }
  54. }
  55. },
  56. options: {
  57. canvas: {
  58. height: 256,
  59. width: 512
  60. }
  61. }
  62. };