Essential Studio for Asp.Net | Demos

SHOWCASE SAMPLES
Showcase samples
    <%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Samplebrowser.Master" CodeBehind="Symbols.aspx.cs" Inherits="WebSampleBrowser.Chart.Symbols" %>
    
    
    <asp:Content ID="Content1" runat="server" contentplaceholderid="ControlsSection">
          <script type="text/javascript" src="../Scripts/ChartData.js"></script>
        <div>
            <ej:WaitingPopup runat="server" ID="waitingpopup" ShowOnInit="false"></ej:WaitingPopup>
            <ej:Chart ID="Chart1" runat="server" OnClientLoad="onChartLoad" Width="970" Height="600" IsResponsive="true">
                <PrimaryXAxis Title-Text="Year" RangePadding="Additional" />
                <PrimaryYAxis Title-Text="Inflation Rate(%)" RangePadding="None" LabelFormat="{value}%"/>
                <CommonSeriesOptions EnableAnimation="True" Type="Line"></CommonSeriesOptions>
                 <Series>
                 <ej:Series Name="India" XName="Xvalue" YName="YValue1" Tooltip-Visible="true" Tooltip-Format="#series.name# : #point.y# in #point.x#" 
                         Marker-Shape="Diamond" Marker-Visible="true" Marker-Size-Width="15" Marker-Size-Height="15"></ej:Series>
                 <ej:Series Name="China" XName="Xvalue" YName="YValue2" Tooltip-Visible="true" Tooltip-Format="#series.name# : #point.y# in #point.x#" 
                         Marker-Shape="Triangle" Marker-Visible="true" Marker-Size-Width="15" Marker-Size-Height="15"></ej:Series>
                 <ej:Series Name="Japan" XName="Xvalue" YName="YValue3"  Tooltip-Visible="true" Tooltip-Format="#series.name# : #point.y# in #point.x#" 
                         Marker-Shape="Hexagon" Marker-Visible="true" Marker-Size-Width="15" Marker-Size-Height="15"></ej:Series>
               </Series>
                <Title Text="Inflation Analysis"></Title>
                <Legend Visible="true"></Legend>
            </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 Symbols : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
               
                //Setting Range for PrimaryYAxis
                this.Chart1.PrimaryYAxis.Range.Min = 0;
                this.Chart1.PrimaryYAxis.Range.Max  = 3;
                this.Chart1.PrimaryYAxis.Range.Interval = 0.5;
    
                List<SymbolData> data = new List<SymbolData>();
     
                data.Add(new SymbolData(1950, 0.8, 1.4, 2));
                data.Add(new SymbolData(1955, 1.2, 1.7, 2.4));
                data.Add(new SymbolData(1960, 0.9, 1.5, 2.2));
                data.Add(new SymbolData(1965, 1, 1.6, 2.5));
                data.Add(new SymbolData(1970, 0.8, 1.4, 2.2));
                data.Add(new SymbolData(1975, 1, 1.8, 2.4));
                data.Add(new SymbolData(1980, 1, 1.7, 2));
                data.Add(new SymbolData(1985, 1.2, 1.9, 2.3));
                data.Add(new SymbolData(1990, 1.1, 1.7, 2));
                data.Add(new SymbolData(1995, 1.2, 1.8, 2.2));
                data.Add(new SymbolData(2000, 1.4, 2, 2.4));
    
                //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 SymbolData
        {
            public SymbolData(double xval, double yvalue1, double yvalue2, double yvalue3)
            {
                this.Xvalue = xval;
                this.YValue1 = yvalue1;
                this.YValue2 = yvalue2;
                this.YValue3 = yvalue3;
    
            }
            public double Xvalue
            {
                get;
                set;
            }
            public double YValue1
            {
                get;
                set;
    
            }
            public double YValue2
            {
                get;
                set;
            }
             public double YValue3
            {
                get;
                set;
            }
    
        }