align-presets-arc.js 751 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. var datasets = [];
  2. var data = [];
  3. var inputs = [
  4. 'top',
  5. 'start',
  6. 'left',
  7. 'center',
  8. 'right',
  9. 'end',
  10. 'bottom'
  11. ];
  12. for (var i = 0; i < inputs.length; ++i) {
  13. data.push(1);
  14. }
  15. ['end', 'center', 'start'].forEach(function(anchor) {
  16. datasets.push({
  17. data: data,
  18. datalabels: {
  19. anchor: anchor,
  20. align: inputs
  21. }
  22. });
  23. });
  24. export default {
  25. config: {
  26. type: 'doughnut',
  27. data: {
  28. datasets: datasets
  29. },
  30. options: {
  31. cutoutPercentage: 25,
  32. layout: {
  33. padding: 24
  34. },
  35. plugins: {
  36. datalabels: {
  37. backgroundColor: '#00ff77',
  38. borderColor: 'black',
  39. borderWidth: 2,
  40. font: {
  41. size: 0
  42. },
  43. offset: 0,
  44. padding: 8
  45. }
  46. }
  47. }
  48. },
  49. options: {
  50. canvas: {
  51. height: 512,
  52. width: 512
  53. }
  54. }
  55. };