opacity-indexable.js 705 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. var labels = [];
  2. var inputs = [];
  3. var count = 20;
  4. for (var i = 0; i < count; ++i) {
  5. inputs.push(i / count);
  6. labels.push(1);
  7. }
  8. export default {
  9. config: {
  10. type: 'line',
  11. data: {
  12. labels: labels,
  13. datasets: [{
  14. data: labels,
  15. datalabels: {
  16. backgroundColor: '#00ff77'
  17. }
  18. }]
  19. },
  20. options: {
  21. layout: {
  22. padding: 24
  23. },
  24. plugins: {
  25. datalabels: {
  26. backgroundColor: '#00ff77',
  27. borderColor: '#0000ff',
  28. borderWidth: 4,
  29. color: '#0000ff',
  30. font: {
  31. size: 0
  32. },
  33. opacity: inputs,
  34. padding: 8,
  35. formatter: function() {
  36. return '\u25AE';
  37. }
  38. }
  39. }
  40. }
  41. },
  42. options: {
  43. canvas: {
  44. height: 48,
  45. width: 768
  46. }
  47. }
  48. };