draw-on-top-bar-side.js 755 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. // https://github.com/chartjs/chartjs-plugin-datalabels/issues/29
  2. export default {
  3. config: {
  4. type: 'bar',
  5. data: {
  6. labels: [0],
  7. datasets: [{
  8. data: [2]
  9. }, {
  10. data: [3]
  11. }, {
  12. data: [4]
  13. }, {
  14. data: [5]
  15. }]
  16. },
  17. options: {
  18. elements: {
  19. rectangle: {
  20. backgroundColor: '#444',
  21. }
  22. },
  23. layout: {
  24. padding: 20
  25. },
  26. plugins: {
  27. datalabels: {
  28. align: 'end',
  29. anchor: 'start',
  30. backgroundColor: '#fff',
  31. font: {
  32. size: 0
  33. },
  34. offset: function(context) {
  35. return context.datasetIndex * 42;
  36. },
  37. padding: {
  38. top: 18,
  39. right: 48,
  40. bottom: 18,
  41. left: 48
  42. }
  43. }
  44. }
  45. }
  46. },
  47. options: {
  48. canvas: {
  49. height: 256,
  50. width: 256
  51. }
  52. }
  53. };