scriptable.js 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. module.exports = {
  2. config: {
  3. type: 'radar',
  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: '#ff0000',
  11. pointBorderColor: '#ff0000',
  12. pointStyle: function(ctx) {
  13. var value = ctx.dataset.data[ctx.dataIndex] || 0;
  14. return value > 8 ? 'rect'
  15. : value > 0 ? 'star'
  16. : value > -8 ? 'cross'
  17. : 'triangle';
  18. }
  19. },
  20. {
  21. // option in element (fallback)
  22. data: [4, -5, -10, null, 10, 5],
  23. }
  24. ]
  25. },
  26. options: {
  27. legend: false,
  28. title: false,
  29. elements: {
  30. line: {
  31. fill: false,
  32. },
  33. point: {
  34. backgroundColor: '#0000ff',
  35. borderColor: '#0000ff',
  36. pointStyle: function(ctx) {
  37. var value = ctx.dataset.data[ctx.dataIndex] || 0;
  38. return value > 8 ? 'triangle'
  39. : value > 0 ? 'cross'
  40. : value > -8 ? 'star'
  41. : 'rect';
  42. },
  43. radius: 10,
  44. }
  45. },
  46. scale: {
  47. display: false,
  48. ticks: {
  49. min: -15
  50. }
  51. }
  52. }
  53. },
  54. options: {
  55. canvas: {
  56. height: 512,
  57. width: 512
  58. }
  59. }
  60. };