12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- var datasets = [];
- var inputs = [-0.5, 0, 0.25, 0.5, 0.75, 1, 1.5];
- inputs.forEach(function(opacity, j) {
- datasets.push({
- data: [{x: j, y: 0}],
- datalabels: {
- opacity: opacity
- }
- });
- });
- export default {
- config: {
- type: 'bubble',
- data: {
- datasets: datasets
- },
- options: {
- layout: {
- padding: 24
- },
- plugins: {
- datalabels: {
- backgroundColor: '#00ff77',
- borderColor: '#0000ff',
- borderWidth: 4,
- color: '#0000ff',
- font: {
- size: 0
- },
- padding: 8,
- formatter: function() {
- return '\u25AE';
- }
- }
- }
- }
- },
- options: {
- canvas: {
- height: 48,
- width: 512
- }
- }
- };
|