Leveraging a radar
Radars are very misunderstood charts but are really amazing. A radar enables us to showcase a really large amount of comparable data in a very condensed way. The radar chart is known as a spider chart as well.
Tip
Warning
You really need to be friendly with the Math.cos
and Math.sin
functions, as we are going to use them plenty of times in this chart type. With that said, if you don't feel comfortable with them yet, it would be a good idea to start from the start of the chapter to refresh your memory on this.
Getting ready
As always, we are going to start with our base HTML page with an init
callback.
Tip
Note
A radar chart is really a line chart wrapped up into a circular shape with a lot of different math involved; but it's the same idea—instead of spreading our data horizontally, we are spreading our data around a center point.
How to do it...
Let's see what are the steps involved in creating a radar chart:
Create/Organize the chart data and the actual data:
var data=[{label:"Ben...