Essential Studio for Asp.Net | Demos

SHOWCASE SAMPLES
Showcase samples
    <%@ Page Title="Chart-Range Column-ASP.NET-SYNCFUSION"   Language="C#" MetaDescription="This sample demonstrates how to render range column series using Syncfusion ASP.NET Web Forms Chart control" AutoEventWireup="true"  MasterPageFile="~/Samplebrowser.Master" CodeBehind="RangeColumn.aspx.cs" Inherits="WebSampleBrowser.Chart.RangeColumn" %>
    
     <asp:Content ID="ControlContent" runat="server" ContentPlaceHolderID="ControlsSection">
        <div>
            <script type="text/javascript" src="../Scripts/ChartData.js"></script>
            <ej:WaitingPopup runat="server" ID="waitingpopup" ShowOnInit="false"></ej:WaitingPopup>
            <ej:Chart ID="Chart1" runat="server" Width="970" Height="600" IsResponsive="true" OnClientLoad="onChartLoad">
                <PrimaryXAxis Title-Text="Month" AxisLine-Visible="false" MajorGridLines-Visible="false" MajorTickLines-Visible="false" />
                <PrimaryYAxis Title-Text="Temperature(Celsius)" AxisLine-Visible="false" />
                <CommonSeriesOptions EnableAnimation="True" Type="RangeColumn" PieCoefficient="0.5" />
                <Series>
                 <ej:Series Name="India" XName="Xvalue" Low="YValue1" High="YValue2"></ej:Series>
                 <ej:Series Name="Germany" XName="Xvalue" Low="YValue3" High="YValue4"></ej:Series>
                </Series>
                <Title Text="Maximum and Minimum Temperature - 2012"></Title>
            </ej:Chart>
        </div>
    </asp:Content>
    
    
    
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using Syncfusion.JavaScript.DataVisualization;
    using Syncfusion.JavaScript.DataVisualization.Models;
    
    namespace WebSampleBrowser.Chart
    {
        public partial class RangeColumn : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
                List<RangeColumnChartData> data = new List<RangeColumnChartData>();
    
                data.Add(new RangeColumnChartData("Jan", 6.1, 0.7, 7.1, 1.7));
                data.Add(new RangeColumnChartData("Feb", 6.3, 1.3, 7.7, 1.9));
                data.Add(new RangeColumnChartData("Mar", 8.5, 1.9, 7.5, 1.2));
                data.Add(new RangeColumnChartData("Apr", 10.8, 3.1, 9.8, 2.5));
                data.Add(new RangeColumnChartData("May", 14.4, 5.7, 11.4, 4.7));
                data.Add(new RangeColumnChartData("Jun", 16.9, 8.4, 14.4, 6.4));
                data.Add(new RangeColumnChartData("Jul", 19.2, 10.6, 17.2, 9.6));
                data.Add(new RangeColumnChartData("Aug", 18.9, 10.5, 17.9, 10.7));
                data.Add(new RangeColumnChartData("Sep", 16.1, 8.5, 15.1, 7.5));
                data.Add(new RangeColumnChartData("Oct", 6.0, 12.5, 3.0, 10.5));
                data.Add(new RangeColumnChartData("Nov", 1.5, 6.9, 1.2, 7.9));
                data.Add(new RangeColumnChartData("Dec", 5.1, 12.1, 4.1, 9.1));
    
                //Binding Datasource to Chart
                this.Chart1.DataSource = data;
                this.Chart1.DataBind();
    
            }
        }
        
    }
    
             
    
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Data;
    using System.ComponentModel;
    using System.Web.Script.Serialization;
    [Serializable]
        public class RangeColumnChartData
        {
            public RangeColumnChartData(string xval, double yvalue1, double yvalue2, double yvalue3, double yvalue4)
            {
                this.Xvalue = xval;
                this.YValue1 = yvalue1;
                this.YValue2 = yvalue2;
                this.YValue3 = yvalue3;
                this.YValue4 = yvalue4;
            }
            public string Xvalue
            {
                get;
                set;
            }
            public double YValue1
            {
                get;
                set;
            }
            public double YValue2
            {
                get;
                set;
            }
            public double YValue3
            {
                get;
                set;
            }
            public double YValue4
            {
                get;
                set;
            }
    
        }