Your search did not match any results.
Charts

Pie

Documentation
This demo illustrates the PieChart widget that is often used when comparing the percentage values of different point arguments within a series.
@(Html.DevExtreme().PieChart() .ID("pie") .Size(s => s.Width(500)) .Palette(VizPalette.Bright) .Series(s => s .Add() .ArgumentField("Country") .ValueField("Area") .Label(l => l .Visible(true) .Connector(c => c .Visible(true) .Width(1) ) ) ) .Title("Area of Countries") .Export(e => e.Enabled(true)) .OnPointClick(@<text> function (e) { var point = e.target; toggleVisibility(point); } </text>) .OnLegendClick(@<text> function (e) { var arg = e.target; toggleVisibility(this.getAllSeries()[0].getPointsByArg(arg)[0]); } </text>) .DataSource(new List<object> { new { Country = "Russia", Area = 12 }, new { Country = "Canada", Area = 7 }, new { Country = "USA", Area = 7 }, new { Country = "China", Area = 7 }, new { Country = "Brazil", Area = 6 }, new { Country = "Australia", Area = 5 }, new { Country = "India", Area = 2 }, new { Country = "Others", Area = 55 } }) ) <script> function toggleVisibility(item) { if(item.isVisible()) { item.hide(); } else { item.show(); } } </script>
using DevExtreme.AspNet.Data; using DevExtreme.AspNet.Mvc; using DevExtreme.MVC.Demos.Models.SampleData; using Newtonsoft.Json; using System; using System.Collections.Generic; using System.Web.Mvc; namespace DevExtreme.MVC.Demos.Controllers { public class ChartsController : Controller { public ActionResult Pie() { return View(); } } }
#pie { height: 440px; } #pie * { margin: 0 auto; }