12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- var datasets = [];
- var data = [];
- var inputs = [
- 'top',
- 'start',
- 'left',
- 'center',
- 'right',
- 'end',
- 'bottom'
- ];
- for (var i = 0; i < inputs.length; ++i) {
- data.push(1);
- }
- ['end', 'center', 'start'].forEach(function(anchor) {
- datasets.push({
- data: data,
- datalabels: {
- anchor: anchor,
- align: inputs
- }
- });
- });
- export default {
- config: {
- type: 'doughnut',
- data: {
- datasets: datasets
- },
- options: {
- cutoutPercentage: 25,
- layout: {
- padding: 24
- },
- plugins: {
- datalabels: {
- backgroundColor: '#00ff77',
- borderColor: 'black',
- borderWidth: 2,
- font: {
- size: 0
- },
- offset: 0,
- padding: 8
- }
- }
- }
- },
- options: {
- canvas: {
- height: 512,
- width: 512
- }
- }
- };
|