align-angles-radial.js 844 B

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