align-presets-bar-vertical.js 781 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. var datasets = [];
  2. var labels = [];
  3. var inputs = [
  4. 'bottom',
  5. 'start',
  6. 'left',
  7. 'center',
  8. 'right',
  9. 'end',
  10. 'top'
  11. ];
  12. for (var i = 0; i < inputs.length; ++i) {
  13. labels.push(1);
  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: 'bar',
  27. data: {
  28. datasets: datasets,
  29. labels: labels
  30. },
  31. options: {
  32. layout: {
  33. padding: {
  34. top: 20,
  35. bottom: 20
  36. }
  37. },
  38. plugins: {
  39. datalabels: {
  40. backgroundColor: '#00ff77',
  41. borderColor: 'black',
  42. borderWidth: 2,
  43. font: {
  44. size: 0
  45. },
  46. padding: 8,
  47. offset: 0
  48. }
  49. }
  50. }
  51. },
  52. options: {
  53. canvas: {
  54. height: 128,
  55. width: 768
  56. }
  57. }
  58. };