scriptable.js 1014 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  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. pointBackgroundColor: '#0000ff',
  11. pointRadius: function(ctx) {
  12. var value = ctx.dataset.data[ctx.dataIndex] || 0;
  13. return value > 4 ? 10
  14. : value > -4 ? 5
  15. : 2;
  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. backgroundColor: '#ff0000',
  33. radius: function(ctx) {
  34. var value = ctx.dataset.data[ctx.dataIndex] || 0;
  35. return value > 4 ? 2
  36. : value > -4 ? 5
  37. : 10;
  38. },
  39. }
  40. },
  41. scales: {
  42. xAxes: [{display: false}],
  43. yAxes: [
  44. {
  45. display: false,
  46. ticks: {
  47. beginAtZero: true
  48. }
  49. }
  50. ]
  51. }
  52. }
  53. },
  54. options: {
  55. canvas: {
  56. height: 256,
  57. width: 512
  58. }
  59. }
  60. };