12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- var datasets = [];
- var labels = [];
- var count = 7;
- var inputs = [
- 'bottom',
- 'start',
- 'left',
- 'center',
- 'right',
- 'end',
- 'top'
- ];
- for (var i = 0; i < count; ++i) {
- labels.push(i);
- }
- ['start', 'center', 'end'].forEach(function(anchor, v) {
- datasets.push({
- data: labels.map(function() {
- return v + 2;
- }),
- datalabels: {
- align: inputs,
- anchor: anchor
- }
- });
- });
- export default {
- config: {
- type: 'radar',
- data: {
- labels: labels,
- datasets: datasets
- },
- options: {
- layout: {
- padding: 24
- },
- elements: {
- line: {
- backgroundColor: 'transparent',
- borderColor: 'transparent'
- },
- point: {
- radius: 16
- }
- },
- scale: {
- display: false
- },
- plugins: {
- datalabels: {
- backgroundColor: '#00ff77',
- borderColor: 'black',
- borderWidth: 2,
- font: {
- size: 0
- },
- offset: 0,
- padding: 8
- }
- }
- }
- },
- options: {
- canvas: {
- height: 512,
- width: 512
- }
- }
- };
|