Essential Studio for Asp.Net | Demos

SHOWCASE SAMPLES
Showcase samples
    <%@ Page Title="Chart-Inversed Axis-ASP.NET-SYNCFUSION"   Language="C#" MetaDescription="This sample demonstrates how to render inversed horizontal and vertical axis using Syncfusion ASP.NET Web Forms Chart control" AutoEventWireup="true" MasterPageFile="~/Samplebrowser.Master"  CodeBehind="InversedAxis.aspx.cs" Inherits="WebSampleBrowser.Chart.InversedAxis" %>
    
    <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 ValueType="Datetime" LabelFormat="MMM-yyyy" IntervalType="Years" Title-Text="Years" 
                    MajorGridLines-Visible="false" />
                <PrimaryYAxis RangePadding="Additional" Title-Text="Exchange rate (INR per USD)" IsInversed="true" />
                 <Series>
                    <ej:Series EnableAnimation="True" Type="Line" Name="Sales" Border-Width="2" Marker-Visible="true"
                        XName="Xvalue" YName="YValue1" 
                        Tooltip-Visible="true"></ej:Series>
                  </Series>
                <Title Text="Exchange rate">
                </Title>
                <Legend Visible="false"></Legend>
            </ej:Chart>
        </div>
    </asp:Content>
    
    
    
    using Syncfusion.JavaScript.DataVisualization;
    using Syncfusion.JavaScript.DataVisualization.Models;
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    namespace WebSampleBrowser.Chart
    {
        public partial class InversedAxis : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
                //Setting Range for PrimaryXAxis
                this.Chart1.PrimaryXAxis.Range.Min = new DateTime(2005, 1, 1);
                this.Chart1.PrimaryXAxis.Range.Max = new DateTime(2012, 2, 1);
                this.Chart1.PrimaryXAxis.Range.Interval = 1;
               
                //Setting Range for PrimaryYAxis
                this.Chart1.PrimaryYAxis.Range.Min = 34;
                this.Chart1.PrimaryYAxis.Range.Max = 60;
                this.Chart1.PrimaryYAxis.Range.Interval = 2;
    
                List<InversedData> data = new List<InversedData>();
    
                
                data.Add(new InversedData(new DateTime(2005, 01, 01), 43.47));
                data.Add(new InversedData(new DateTime(2006, 01, 01), 45.19));
                data.Add(new InversedData(new DateTime(2007, 01, 01), 39.42));
                data.Add(new InversedData(new DateTime(2008, 10, 01), 48.88));
                data.Add(new InversedData(new DateTime(2009, 10, 01), 46.37));
                data.Add(new InversedData(new DateTime(2010, 01, 22), 44.17));
                data.Add(new InversedData(new DateTime(2011, 01, 22), 57.15));
                data.Add(new InversedData(new DateTime(2012, 01, 22), 54.73));
                         
                //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 InversedData
        {
            public InversedData(DateTime xval, double yvalue1)
            {
                this.Xvalue = xval;
                this.YValue1 = yvalue1;
    
    
            }
            public DateTime Xvalue
            {
                get;
                set;
            }
            public double YValue1
            {
                get;
                set;
            }
        }