align-presets-bar-horizontal-zero.js 775 B

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