mirror of
				https://github.com/KevinMidboe/vue-chartjs.git
				synced 2025-10-29 18:00:20 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			32 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			32 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import RadarChart from '../BaseCharts/Radar'
 | |
| 
 | |
| export default RadarChart.extend({
 | |
|   ready () {
 | |
|     this.render({
 | |
|       labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
 | |
|       datasets: [
 | |
|         {
 | |
|           label: 'My First dataset',
 | |
|           backgroundColor: 'rgba(179,181,198,0.2)',
 | |
|           borderColor: 'rgba(179,181,198,1)',
 | |
|           pointBackgroundColor: 'rgba(179,181,198,1)',
 | |
|           pointBorderColor: '#fff',
 | |
|           pointHoverBackgroundColor: '#fff',
 | |
|           pointHoverBorderColor: 'rgba(179,181,198,1)',
 | |
|           data: [65, 59, 90, 81, 56, 55, 40]
 | |
|         },
 | |
|         {
 | |
|           label: 'My Second dataset',
 | |
|           backgroundColor: 'rgba(255,99,132,0.2)',
 | |
|           borderColor: 'rgba(255,99,132,1)',
 | |
|           pointBackgroundColor: 'rgba(255,99,132,1)',
 | |
|           pointBorderColor: '#fff',
 | |
|           pointHoverBackgroundColor: '#fff',
 | |
|           pointHoverBorderColor: 'rgba(255,99,132,1)',
 | |
|           data: [28, 48, 40, 19, 96, 27, 100]
 | |
|         }
 | |
|       ]
 | |
|     })
 | |
|   }
 | |
| })
 |