Data Visualization ▸ Periodic Data

This example illustrates the visualization of periodic data. To notify the component that data is periodic, the period property of the argumentAxis is specified.

@(Html.DevExtreme().PolarChart()
    .ID("chart")
    .DataSource(new[] {
        new { arg = 0, val = 0 },
        new { arg = 720, val = 2 }
    })
    .Series(s => s
        .Add()
        .Type(PolarChartSeriesType.Line)
        .Name("Function")
        .Closed(false))
    .ArgumentAxis(a => a
        .Inverted(true)
        .StartAngle(90)
        .TickInterval(45)
        .Period(360))
    .Export(e => e.Enabled(true))
    .Legend(l => l.Visible(false))
    .Title("Archimedean Spiral")
)
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 PeriodicData() {
            return View();
        }

    }
}
#chart {
    height: 440px;
}