align-scriptable.js 728 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. var labels = [];
  2. var inputs = [
  3. 'top',
  4. 'end',
  5. 'left',
  6. 'center',
  7. 'right',
  8. 'start',
  9. 'bottom',
  10. 45,
  11. -45
  12. ];
  13. for (var i = 0; i < inputs.length; ++i) {
  14. labels.push(1);
  15. }
  16. export default {
  17. config: {
  18. type: 'bar',
  19. data: {
  20. labels: labels,
  21. datasets: [{
  22. data: labels,
  23. datalabels: {
  24. backgroundColor: '#00ff77'
  25. }
  26. }]
  27. },
  28. options: {
  29. layout: {
  30. padding: 20
  31. },
  32. plugins: {
  33. datalabels: {
  34. align: function(context) {
  35. return inputs[context.dataIndex];
  36. },
  37. anchor: 'start',
  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: 128,
  52. width: 320
  53. }
  54. }
  55. };