User Guide Cancel

Create a radar chart

 

A radar chart, also known as a spider chart or star chart, is a graphical method of displaying multivariate data in the form of a two-dimensional chart. It is called a radar chart because it resembles the shape of a radar screen with multiple spokes or axes radiating from a central point. Each axis represents a different variable or dimension, and data points are plotted along these axes to show the value of each variable.

Example

<cfchart type="radar" seriesplacement="stacked" title="Radar Chart" legend="FALSE" format="html" width="800" height="600">
<cfchartseries serieslabel="Test A">
<cfchartdata item="Test 1" value="40"/>
<cfchartdata item="Test 2" value="60"/>
<cfchartdata item="Test 3" value="80"/>
<cfchartdata item="Test 4" value="50"/>
<cfchartdata item="Test 5" value="70"/>
</cfchartseries>
<cfchartseries serieslabel="Test B">
<cfchartdata item="Test 1" value="50"/>
<cfchartdata item="Test 2" value="40"/>
<cfchartdata item="Test 3" value="60"/>
<cfchartdata item="Test 4" value="80"/>
<cfchartdata item="Test 5" value="90"/>
</cfchartseries>
</cfchart>
<cfchart type="radar" seriesplacement="stacked" title="Radar Chart" legend="FALSE" format="html" width="800" height="600"> <cfchartseries serieslabel="Test A"> <cfchartdata item="Test 1" value="40"/> <cfchartdata item="Test 2" value="60"/> <cfchartdata item="Test 3" value="80"/> <cfchartdata item="Test 4" value="50"/> <cfchartdata item="Test 5" value="70"/> </cfchartseries> <cfchartseries serieslabel="Test B"> <cfchartdata item="Test 1" value="50"/> <cfchartdata item="Test 2" value="40"/> <cfchartdata item="Test 3" value="60"/> <cfchartdata item="Test 4" value="80"/> <cfchartdata item="Test 5" value="90"/> </cfchartseries> </cfchart>
    <cfchart type="radar" seriesplacement="stacked" title="Radar Chart" legend="FALSE" format="html" width="800" height="600">
        <cfchartseries serieslabel="Test A">
            <cfchartdata item="Test 1" value="40"/>
            <cfchartdata item="Test 2" value="60"/>
            <cfchartdata item="Test 3" value="80"/>
            <cfchartdata item="Test 4" value="50"/>
            <cfchartdata item="Test 5" value="70"/>
        </cfchartseries>
        <cfchartseries serieslabel="Test B">
            <cfchartdata item="Test 1" value="50"/>
            <cfchartdata item="Test 2" value="40"/>
            <cfchartdata item="Test 3" value="60"/>
            <cfchartdata item="Test 4" value="80"/>
            <cfchartdata item="Test 5" value="90"/>
        </cfchartseries>
    </cfchart>

Output

Get help faster and easier

New user?