align-presets-point-radial.js 978 B

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