Charts - Continuous Data

In this example, the PolarChart component visualizes a curve that has the shape of a petalled flower. This curve is commonly-known as «rose» or «rhodonea». It is visualized by the line series type.

Was this demo helpful?

Thank you!

Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

Thank you for the feedback!

Backend API

@(Html.DevExtreme().PolarChart() .ID("chart") .DataSource(new[] { new { arg = 0, val = 0.0 }, new { arg = 30, val = 1.7 }, new { arg = 45, val = 0.0 }, new { arg = 60, val = 1.7 }, new { arg = 90, val = 0.0 }, new { arg = 120, val = 1.7 }, new { arg = 135, val = 0.0 }, new { arg = 150, val = 1.7 }, new { arg = 180, val = 0.0 }, new { arg = 210, val = 1.7 }, new { arg = 225, val = 0.0 }, new { arg = 240, val = 1.7 }, new { arg = 270, val = 0.0 }, new { arg = 300, val = 1.7 }, new { arg = 315, val = 0.0 }, new { arg = 330, val = 1.7 }, new { arg = 360, val = 0.0 } }) .Series(s => s.Add().Type(PolarChartSeriesType.Line)) .Legend(l => l.Visible(false)) .ArgumentAxis(a => a .Inverted(true) .StartAngle(90) .TickInterval(30)) .Export(e => e.Enabled(true)) .Title("Rose in Polar Coordinates") )

using DevExtreme.AspNet.Data; using DevExtreme.AspNet.Mvc; using DevExtreme.MVC.Demos.Models.SampleData; using System; using System.Collections.Generic; using System.Linq; using System.Text.Json; using System.Web.Mvc; namespace DevExtreme.MVC.Demos.Controllers { public class ChartsController : Controller { public ActionResult ContinuousData() { return View(); } } }

#chart { height: 440px; }