scriptable.js 1.0 KB

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