anchor-presets-point-radial.js 861 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. var datasets = [];
  2. var labels = [];
  3. var count = 12;
  4. for (var i = 0; i < count; ++i) {
  5. labels.push(i);
  6. }
  7. ['start', 'center', 'end'].forEach(function(anchor, v) {
  8. datasets.push({
  9. data: labels.map(function() {
  10. return v + 2;
  11. }),
  12. datalabels: {
  13. anchor: anchor
  14. }
  15. });
  16. });
  17. export default {
  18. config: {
  19. type: 'radar',
  20. data: {
  21. labels: labels,
  22. datasets: datasets
  23. },
  24. options: {
  25. layout: {
  26. padding: 16
  27. },
  28. elements: {
  29. line: {
  30. backgroundColor: 'transparent',
  31. borderColor: 'transparent'
  32. },
  33. point: {
  34. radius: 16
  35. }
  36. },
  37. scale: {
  38. display: false
  39. },
  40. plugins: {
  41. datalabels: {
  42. backgroundColor: '#00ff77',
  43. borderColor: 'black',
  44. borderWidth: 2,
  45. font: {
  46. size: 0
  47. },
  48. padding: 8
  49. }
  50. }
  51. }
  52. },
  53. options: {
  54. canvas: {
  55. height: 512,
  56. width: 512
  57. }
  58. }
  59. };