opacity-values.js 660 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. var datasets = [];
  2. var inputs = [-0.5, 0, 0.25, 0.5, 0.75, 1, 1.5];
  3. inputs.forEach(function(opacity, j) {
  4. datasets.push({
  5. data: [{x: j, y: 0}],
  6. datalabels: {
  7. opacity: opacity
  8. }
  9. });
  10. });
  11. export default {
  12. config: {
  13. type: 'bubble',
  14. data: {
  15. datasets: datasets
  16. },
  17. options: {
  18. layout: {
  19. padding: 24
  20. },
  21. plugins: {
  22. datalabels: {
  23. backgroundColor: '#00ff77',
  24. borderColor: '#0000ff',
  25. borderWidth: 4,
  26. color: '#0000ff',
  27. font: {
  28. size: 0
  29. },
  30. padding: 8,
  31. formatter: function() {
  32. return '\u25AE';
  33. }
  34. }
  35. }
  36. }
  37. },
  38. options: {
  39. canvas: {
  40. height: 48,
  41. width: 512
  42. }
  43. }
  44. };