Essential Studio for Asp.Net | Demos

SHOWCASE SAMPLES
Showcase samples
    Chart / DataBinding / LocalData
    <%@ Page Title="Chart-Polar-ASP.NET-SYNCFUSION"   Language="C#" MetaDescription="This sample demonstrates how to render polar series using Syncfusion ASP.NET Web Forms Chart control" AutoEventWireup="true" MasterPageFile="~/Samplebrowser.Master" CodeBehind="Polar.aspx.cs" Inherits="WebSampleBrowser.Chart.Polar" %>
    
    <asp:Content ID="Content4" runat="server" ContentPlaceHolderID="SampleHeading">
        <span class="sampleName">Chart / DataBinding / LocalData</span>
    </asp:Content>
    
    <asp:Content ID="ControlContent" runat="server" ContentPlaceHolderID="ControlsSection">
        <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" Height="600" Width="970" OnClientLoad="onChartLoad" IsResponsive="true">
            <CommonSeriesOptions Type="Polar" EnableAnimation="true" Tooltip-Visible="true" />
            <Series>
                <ej:Series Name="Line" Marker-Visible="True" XName="Xvalue" YName="YValue3" ZOrder="2" DrawType="Line" >
                    <Marker Visible="True"></Marker>
                </ej:Series>
                <ej:Series Name="Column" DrawType="Column" XName="Xvalue" YName="YValue2" ZOrder="1">
                    <Border Color="white" Width="1"></Border>
                    <Tooltip Visible="True" Fill="white">
                        <Border Color="black" Width="1"></Border>
                        <Font Color="black"></Font>
                    </Tooltip>
                </ej:Series>
                <ej:Series Name="Area" DrawType="Area" Marker-Visible="True" XName="Xvalue" YName="YValue1" ZOrder="0" >
                    <Marker Visible="True"></Marker>
                </ej:Series>
            </Series>
            <Legend Visible="true"></Legend>
        </ej:Chart>
    </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 Polar : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
                #region Chart
    
                //Setting Range for PriamryYAxis
                this.Chart1.PrimaryYAxis.Range.Min = 15;
                this.Chart1.PrimaryYAxis.Range.Max = 90;
                this.Chart1.PrimaryYAxis.Range.Interval = 15;
    
                List<PolarChartData> data = new List<PolarChartData>();
    
                data.Add(new PolarChartData("North", 80, 63, 42));
                data.Add(new PolarChartData("NorthEast", 88, 73, 28));
                data.Add(new PolarChartData("East", 79, 58, 40));
                data.Add(new PolarChartData("SouthWest", 83, 65, 45));
                data.Add(new PolarChartData("South", 78, 47, 20));
                data.Add(new PolarChartData("SouthEast", 90, 70, 40));
                data.Add(new PolarChartData("West", 78, 45, 25));
                data.Add(new PolarChartData("NorthWest", 85, 70, 40));
    
                //Binding DataSource to Chart
                this.Chart1.DataSource = data;
                this.Chart1.DataBind();
    
                #endregion
            }
        }
      
    }
    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 PolarChartData
        {
            public PolarChartData(string xval, double yvalue1, double yvalue2, double yvalue3)
            {
                this.Xvalue = xval;
                this.YValue1 = yvalue1;
                this.YValue2 = yvalue2;
                this.YValue3 = yvalue3;
            }
            public string Xvalue
            {
                get;
                set;
            }
            public double YValue1
            {
                get;
                set;
            }
            public double YValue2
            {
                get;
                set;
            }
            public double YValue3
            {
                get;
                set;
            }
    
        }