Standard Bar

Documentation

This demo illustrates the ease with which you can create a bar chart.

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.

Send Feedback

Thank you!
We appreciate your feedback.

ASP.NET MVC

@(Html.DevExtreme().Chart() .ID("chart") .Series(s => s .Add() .ArgumentField("Day") .ValueField("Oranges") .Name("My oranges") .Type(SeriesType.Bar) .Color("#ffaa66") ) .DataSource(new[] { new { Day = "Monday", Oranges = 3 }, new { Day = "Tuesday", Oranges = 2 }, new { Day = "Wednesday", Oranges = 3 }, new { Day = "Thursday", Oranges = 4 }, new { Day = "Friday", Oranges = 6 }, new { Day = "Saturday", Oranges = 11 }, new { Day = "Sunday", Oranges = 4 } }) )

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.Linq; using System.Web.Mvc; namespace DevExtreme.MVC.Demos.Controllers { public class ChartsController : Controller { public ActionResult StandardBar() { return View(); } } }

#chart { height: 440px; }

Standard Bar

jQuery

Angular

Vue

React

AngularJS

ASP.NET Core

ASP.NET MVC