Getting Started - MVC - HttpPost | C# Online Compiler

Getting Started - MVC - HttpPost by Anonymous

using System;
using System.Runtime.Serialization;
 
namespace Chart.Models
{
	//DataContract for Serializing Data - required to serve in JSON format
	[DataContract]
	public class DataPoint
	{
		public DataPoint(string label, double y)
		{
			this.Label = label;
			this.Y = y;
		}
 
		//Explicitly setting the name to be used while serializing to JSON.
		[DataMember(Name = "label")]
		public string Label = "";
 
		//Explicitly setting the name to be used while serializing to JSON.
		[DataMember(Name = "y")]
		public Nullable<double> Y = null;
	}
}

Model

 
using System;
using System.Runtime.Serialization;
 
namespace Chart.Models
{
    //DataContract for Serializing Data - required to serve in JSON format
    [DataContract]
    public class DataPoint
    {
        public DataPoint(string label, double y)
        {
            this.Label = label;
            this.Y = y;
        }
 
        //Explicitly setting the name to be used while serializing to JSON.
        [DataMember(Name = "label")]
        public string Label = "";
 
        //Explicitly setting the name to be used while serializing to JSON.
        [DataMember(Name = "y")]
        public Nullable<double> Y = null;
    }
}

<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function () {
 
var chart = new CanvasJS.Chart("chartContainer", {
	animationEnabled: true,
	theme: "light2", // "light1", "light2", "dark1", "dark2"
	title: {
		text: "Count"
	},
	axisY: {
		title: "No. of Employees"
	},
	data: [{
		type: "column",
		dataPoints: @Html.Raw(ViewBag.DataPoints)
	}]
});
chart.render();
 
}
</script>
</head>
<body>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>	
</body>
</html>

View

 
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function () {
 
var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    theme: "light2", // "light1", "light2", "dark1", "dark2"
    title: {
        text: "Count"
    },
    axisY: {
        title: "No. of Employees"
    },
    data: [{
        type: "column",
        dataPoints: @Html.Raw(ViewBag.DataPoints)
    }]
});
chart.render();
 
}
</script>
</head>
<body>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>  
</body>
</html>

using Chart.Models;
using Newtonsoft.Json;
using System.Collections.Generic;
using System.Web.Mvc;
 
namespace Chart.Controllers
{
	public class HomeController : Controller
	{
		// GET: Home
		public ActionResult Index()
		{
			List<DataPoint> dataPoints = new List<DataPoint>();
 
			dataPoints.Add(new DataPoint("Expired", 15));
			dataPoints.Add(new DataPoint("Non-Expired", 8));
 
			ViewBag.DataPoints = JsonConvert.SerializeObject(dataPoints);
			
			return View();
		}
	}
}

Controller

 
using Chart.Models;
using Newtonsoft.Json;
using System.Collections.Generic;
using System.Web.Mvc;
 
namespace Chart.Controllers
{
    public class HomeController : Controller
    {
        // GET: Home
        public ActionResult Index()
        {
            List<DataPoint> dataPoints = new List<DataPoint>();
 
            dataPoints.Add(new DataPoint("Expired", 15));
            dataPoints.Add(new DataPoint("Non-Expired", 8));
 
            ViewBag.DataPoints = JsonConvert.SerializeObject(dataPoints);
            
            return View();
        }
    }
}

View in Full Screen

Object               ToULongOrDefault
------               ----------------
123                  123
10986423210          10986423210
null                 0
A100                 0
A100                 1
A100                 2

Cached Result
Last Run:	5:42:06 pm
Compile:	0.205s
Execute:	0.041s
Memory:	417.16kb
CPU:	0.094s

View IL Code