ASP.NET

I am Creating my dashboard page to show line chart pie chart and bar chart in asp.net web form. I don't have any idea about that can you help me to develope the page or any links where i can get demo. Which js file i have to use for this. I don't have idea please suggest me or give me the sample code asap. Its client urgent requirement. help me please.

    public class CustomModelValidatorProvider : System.Web.Mvc.DataAnnotationsModelValidatorProvider
    {
        protected override IEnumerable<System.Web.Mvc.ModelValidator> GetValidators(System.Web.Mvc.ModelMetadata metadata, ControllerContext context, IEnumerable<Attribute> attributes)
        {
            var z = metadata.PropertyName;
            if ((metadata.PropertyName == "Code") 
                && (metadata.ContainerType.FullName == "DHCS.BH.Provider.Models.LookupTable"))
            {
                LookupTable model = metadata.Container as LookupTable;

                var newAttributes = new List<Attribute>(attributes);
                var stringLength = newAttributes.OfType<StringLengthAttribute>().FirstOrDefault();
                if (stringLength != null)
                {
                    newAttributes.Remove(stringLength);

                    if (model.CodeLength != 0)
                    {
                        newAttributes.Add(new StringLengthAttribute(model.CodeLength)
                        {
                            MinimumLength = model.CodeLength,
                            ErrorMessage = @"The field {{0}} length must be at least {model.CodeLength}."
                        });
                    }

                    attributes = newAttributes;
                }
            }
            return base.GetValidators(metadata, context, attributes);
        }

        public string GetPropertyName<T>(Expression<Func<T>> propertyLambda)
        {
            var me = propertyLambda.Body as MemberExpression;

            if (me == null)
            {
                throw new ArgumentException("You must pass a lambda of the form: '() => Class.Property' or '() => object.Property'");
            }

            return me.Member.Name;
        }
    }

@model DHCS.BH.Provider.Models.LookupTable

@{
    ViewBag.Title = "EditLookup";
}

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

<pre>
<div class="k-edit-form-container">
    @*<div class="editor-field">
        @Html.Kendo().TextBoxFor(model => model.LookupTableId).HtmlAttributes(new { autocomplete = "off", id = "idXYZ" })
    </div>*@
    @Html.HiddenFor(model => model.LookupTableId, new { id = "txtLookupTableId" })
    <div class="editor-label">
        @Html.LabelFor(model => model.Code)
    </div>
    <div class="editor-field">
        @Html.Kendo().TextBoxFor(model => model.Code).HtmlAttributes(new { autocomplete = "off", id = "idTxtForCodeLookupCode" })<br />
        &nbsp;<br />
        <label id="lblCodeValidationMessage" style="color:gray;font-style:italic;font-size:smaller;font-weight:normal;">Testing</label>
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.Description)
    </div>
    <div class="editor-field">
        @Html.Kendo().TextBoxFor(model => model.Description).HtmlAttributes(new { autocomplete = "off", id = "idTxtForDescLookupCode" })
        &nbsp;&nbsp;&nbsp;
        <label id="lblDescriptionValidationMessage" style="color:gray;font-style:italic;font-size:x-small;font-weight:normal;"></label><br />
    </div>

    <div class="editor-label" >
        <label id="lblIsValid">Is Active: </label>
    </div>
    <div class="editor-field" style="padding-top: 10px;">
        @Html.Kendo().CheckBoxFor(model => model.IsValid)
    </div>
</div>

<div class="row  table-responsive " style="padding-left: 3%">
    <div id="datalist">
        @(Html.Kendo().Grid<DHCS.BH.Provider.Models.LookupTable>()
                        .Name("LookupGrid")
                .EnableCustomBinding(true)
                .AutoBind(true)
                .Columns(columns =>
                {
                    columns.Bound(p => p.Id).Hidden();
                    columns.Bound(p => p.Code).Width(120);
                    columns.Bound(p => p.Description).Width(280);
                    columns.Bound(p => p.CreatedDate).ClientTemplate("#=DateFormat(CreatedDate)#").Width(130);
                    columns.Bound(p => p.CreatedBy).Width(150);
                    columns.Bound(p => p.ModifiedDate).ClientTemplate("#=DateFormat(ModifiedDate)#").Width(140); ;
                    columns.Bound(p => p.ModifiedBy).Width(150);
                    columns.Bound(p => p.Status).Width(100);
                    columns.Bound(p => p.IsValid).Width(100).Hidden();<br />
                    columns.Command(command => { command.Edit().UpdateText("OK").CancelText("Cancel");}).Width(100);
                    columns.Bound(p => p.LookupTableId).Hidden();
                    columns.Bound(p => p.ForeignKeyId).Hidden();
                })<br />
                 .ToolBar(toolbar =>
                        {
                            toolbar.Create().Text("Add New");
                        })
                                    .Editable(editable => { editable.Mode(GridEditMode.PopUp).TemplateName("_EditLookupCode").DisplayDeleteConfirmation(false); })
                    .Pageable()
                           .Resizable(resize => resize.Columns(true))
                    .Sortable()
                    .Scrollable()
                             .Resizable(resize => resize.Columns(true))
                            .Filterable(x => x.Extra(false).Operators(O => O.ForString(str => str.Clear().StartsWith("Starts With"))))
                    .HtmlAttributes(new { style = "height:550px;" })

<pre>
                            .Events(events => events.Edit("LookupPopUpTitle")
                                                            .DataBound("dataBoundAdmin")
                                            )
            .DataSource(ds => ds
                .Ajax()
                .PageSize(10)
                    .Model(model => { model.Id(p => p.Id); })
                    .Read(read => read.Action("GetLookupValues", "Admin").Data("GetLookupTableId"))
                    .Create(create => create.Action("AddLookupRecord", "Admin").Data("GetLookupTableId")).Events(e => e.Sync("GetLookupTableValue1"))                 
                    .Update(update => update.Action("UpdateLookupRecord", "Admin"))                       
                                   .Events(e => e.RequestStart("onRequestStart"))
                )
    )
</div>

    function onRequestStart(e)
    {
        var v = $("#txtLookupTableId").val();

        if ((v == 3) || (v == 20))
        {           
            if ($('#idTxtForCodeLookupCode').val().length<2)
                e.preventDefault();
        }
        else if ((v == 6) || (v == 7) || (v == 8) || (v == 9) || (v == 12) || (v == 23))
        {           
            if ($('#idTxtForCodeLookupCode').val().length < 2)
                e.preventDefault();
        }
        else if ((v == 11) || (v == 13))
        {            
            if ($('#idTxtForCodeLookupCode').val().length < 3)
                e.preventDefault();
        }
        else if ((v == 15))
        {            
            if ($('#idTxtForCodeLookupCode').val().length < 3)
                e.preventDefault();
        }
        else if (v == 2)
        {            
            if ($('#idTxtForCodeLookupCode').val().length < 15)
                e.preventDefault();
        }
        else if ((v == 16) || (v == 17) || (v == 18))
        {           
            if ($('#idTxtForCodeLookupCode').val().length < 25)
                e.preventDefault();
        }
        else if (v == 22)
        {            
            if ($('#idTxtForCodeLookupCode').val().length < 10)
                e.preventDefault();
        }
        else if (v == 26)
        {
            if ($('#idTxtForCode').val().length < 2)
                e.preventDefault();           
        }
        else
        {
            $('#idTxtForCodeLookupCode').NoCondition();
            $('#lblCodeValidationMessage').text("");
        }
    }