DEV Community

Cover image for How to Create ASP.NET Core Polar and Radar Charts
Arun for Syncfusion, Inc.

Posted on

How to Create ASP.NET Core Polar and Radar Charts

Learn how to add Syncfusion ASP.NET Core Polar and Radar Charts to an application. These Polar and Radar Charts are designed to visualize multivariate data as two-dimensional charts. Using these charts, you can represent three or more quantitative variables on axes that start from the same point.

This video shows how to configure Polar and Radar Charts with titles, data markers, and tooltips. To add the ASP.NET Core charts control to the application, open the NuGet package manager in Visual Studio, search for Syncfusion EJ2 Asp Net Core, and install it. You can bind simple JSON data to the chart using the dataSource property in series. Then, map the fields in JSON to xName and yName properties.

In this video, Polar and Radar Charts are used to visualize the weather statistics. The e-series-collection tag allows you to specify multiple series. A single series is added using an e-series tag and setting the series type to Polar. These charts have an option to draw the series using the drawType property. The different draw types are Line, spline, Area, Stacked Area, Column, Stacked Column, Range column, and scatter. To draw a column series, set the series drawType to Column. To create a radar chart, set the series type to radar. The start-Angle property in the e-chart-primary-X-Axis tag is used to change the angle starting point. The coefficient property is used to change the radius of the chart.

Tutorial video:

Download an example from GitHub:

Top comments (0)