YouTipChartjs Radar
# Chart.js Radar Chart
Radar chart is a way to display multiple data points and the changes between them.
Radar chart is a graphical method for displaying multivariate data in the form of a two-dimensional chart of three or more quantitative variables represented on axes starting from the same point.
The relative position and angle of the axes are usually uninformative.
Mixed chart **type** property is radar.
const config = { type: 'radar', data: data, options: { elements: { line: { borderWidth: 3 // Set the line width } } },};
Next we create a simple radar chart:
## Example
const ctx = document.getElementById('myChart');
const data ={
labels:[
'Eating',
'Drinking',
'Sleeping',
'Designing',
'Coding',
'Cycling',
'Running'
],
datasets:[{
label:'First dataset',
data:[65,59,90,81,56,55,40],
fill:true,
backgroundColor:'rgba(255, 99, 132, 0.2)',
borderColor:'rgb(255, 99, 132)',
pointBackgroundColor:'rgb(255, 99, 132)',
pointBorderColor:'#fff',
pointHoverBackgroundColor:'#fff',
pointHoverBorderColor:'rgb(255, 99, 132)'
},{
label:'Second dataset',
data:[28,48,40,19,96,27,100],
fill:true,
backgroundColor:'rgba(54, 162, 235, 0.2)',
borderColor:'rgb(54, 162, 235)',
pointBackgroundColor:'rgb(54, 162, 235)',
pointBorderColor:'#fff',
pointHoverBackgroundColor:'#fff',
pointHoverBorderColor:'rgb(54, 162, 235)'
}]
};
const config ={
type:'radar',
data: data,
options:{