---
schema_version: "1"
id: 9bd8c49749174a2edbdc2ab96d75a73d252398a9809fc7d940387aa67ee6bf70
title: Radar Charts
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/salesforce-pages-developers-guide/guides/pages/charting/pages-charting-appearance-radar-charts.md
canonical_url: https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-charting-appearance-radar-charts.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: addd9e5dc71d6d66c99a6956a74fcb574264e5ec3126db460d58d42c89c72736
products:
  - Visualforce Developer Guide
  - Platform Developer Content
---

# Radar Charts

Radar charts are like line charts but they use a circular axis instead of a linear grid.

Use the `markerType`, `markerSize`, and `markerFill` attributes to set the style, size, and color of the markers. Use the `strokeColor` and `strokeWidth` attributes to set the color and thickness of the connecting lines. Optionally, set `fill=true` to fill the area enclosed by the series, and use `opacity` to make it transparent so that other series remain visible. The `opacity` attribute is a floating point number between 0.0 and 1.0, with 0.0 being fully transparent and 1.0 being fully opaque.

Here’s an example of a radar chart, and the markup that creates it:

![Radar Chart](https://developer.salesforce.com/media/salesforce-pages-developers-guide/pages_charting_radar_chart.png)

```visualforce
<apex:chart height="530" width="700" legend="true" data="{!data}">
    <apex:legend position="left"/>
    <apex:axis type="Radial" position="radial">
        <apex:chartLabel />
    </apex:axis>
    <apex:radarSeries xField="name" yField="data1" tips="true" opacity="0.4"/>
    <apex:radarSeries xField="name" yField="data2" tips="true" opacity="0.4"/>
    <apex:radarSeries xField="name" yField="data3" tips="true" 
        markerType="cross" strokeWidth="2" strokeColor="#f33" opacity="0.4"/>
 </apex:chart>
```

**See Also**  


-   [Chart Colors](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-charting-appearance-colors.md)
-   [Chart Layout and Annotation](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-charting-appearance-layout.md)