@(Html.DevExtreme().Chart()
.ID("chart")
.Palette(VizPalette.Soft)
.CommonSeriesSettings(s => s
.ArgumentField("State")
.Type(SeriesType.Bar)
.BarPadding(0.5)
)
.Series(s => {
s.Add().ValueField("Year1970").Name("1970");
s.Add().ValueField("Year1980").Name("1980");
s.Add().ValueField("Year1990").Name("1990");
s.Add().ValueField("Year2000").Name("2000");
s.Add().ValueField("Year2008").Name("2008");
s.Add().ValueField("Year2009").Name("2009");
})
.Legend(l => l
.VerticalAlignment(VerticalEdge.Bottom)
.HorizontalAlignment(HorizontalAlignment.Center)
)
.Export(e => e.Enabled(true))
.Title(t => t
.Text("Oil Production")
.Subtitle(s => s.Text("(in millions tonnes)"))
)
.DataSource(new[] {
new { State = "Saudi Arabia", Year1970 = 192.2, Year1980 = 509.8, Year1990 = 342.6, Year2000 = 456.3, Year2008 = 515.3, Year2009 = 459.5 },
new { State = "USA", Year1970 = 533.5, Year1980 = 480.2, Year1990 = 416.6, Year2000 = 352.6, Year2008 = 304.9, Year2009 = 325.3 },
new { State = "China", Year1970 = 30.7, Year1980 = 106.0, Year1990 = 138.3, Year2000 = 162.6, Year2008 = 195.1, Year2009 = 189.0 },
new { State = "Canada", Year1970 = 70.1, Year1980 = 83.3, Year1990 = 92.6, Year2000 = 126.9, Year2008 = 157.7, Year2009 = 155.7 },
new { State = "Mexico", Year1970 = 24.2, Year1980 = 107.2, Year1990 = 146.3, Year2000 = 171.2, Year2008 = 157.7, Year2009 = 147.5 }
})
)
using DevExtreme.AspNet.Data;
using DevExtreme.AspNet.Mvc;
using DevExtreme.NETCore.Demos.Models;
using DevExtreme.NETCore.Demos.Models.SampleData;
using Microsoft.AspNetCore.Mvc;
using Newtonsoft.Json;
using System;
using System.Collections.Generic;
using System.Linq;
namespace DevExtreme.NETCore.Demos.Controllers {
public class ChartsController : Controller {
public ActionResult CustomBarWidth() {
return View();
}
}
}
#chart {
height: 440px;
}