Essential Studio for Asp.Net | Demos

Showcase samples
    <%@ Page Title="PivotChart-Multiple Axes-ASP.NET-SYNCFUSION"   Language="C#" MetaDescription="This demo for Syncfusion Essential JS1 for ASP.NET pivot chart control describes how to render and configure the multiple axes in the pivot chart" MasterPageFile="~/Samplebrowser.Master" AutoEventWireup="true" CodeBehind="MultipleAxes.aspx.cs" Inherits="WebSampleBrowser.PivotChart.Olap1" %>
    <asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ControlsSection">
        <ej:pivotchart id="PivotChart1" runat="server" isresponsive="true" clientidmode="Static">
            <DataSource Catalog="Adventure Works DW 2008 SE" Cube="Adventure Works" Data="//">
                        <ej:Field FieldName="[Date].[Fiscal]"></ej:Field>
                        <ej:Field FieldName="[Customer].[Customer Geography]"></ej:Field>
                        <ej:Field Axis="Column">
                                <ej:MeasuresItems FieldName="[Measures].[Internet Sales Amount]" />
                                <ej:MeasuresItems FieldName="[Measures].[Customer Count]" />
            <CommonSeriesOptions Type="Column"  EnableAnimation="True" Tooltip-Visible="true"/>
            <ClientSideEvents Load="loadTheme" BeforeSeriesRender="onBeforeRender"/>
            <Size Width="100%" Height="600px"></Size>
                <Title Text="Date - Fiscal"></Title>
                <Title Text="Customer Count"></Title>
            <Zooming EnableScrollbar="false" />
            <Legend RowCount="4"></Legend>
                <ej:Axis Name="yAxisConfig" RowIndex="0" OpposedPosition="true" LabelFormat="c">
                    <Title Text="Internet Sales Amount"></Title>
                    <MajorGridLines Visible="false"></MajorGridLines>
                    <AxisLine Visible="true"></AxisLine>
    <asp:Content ID="Content2" runat="server" ContentPlaceHolderID="StyleSection">
        <style type="text/css">
            #PivotChart1 {
                min-height: 275px;
                min-width: 525px;
                height: 600px;
                width: 100%;
                float: left;
    <asp:Content ID="ScriptContent" runat="server" ContentPlaceHolderID="ScriptSection">
        <script type="text/javascript">
            function onBeforeRender(args) {
                for (var i = 0; i < args.series.length; i++) {
                    if (args.series[i].name.indexOf("Internet Sales Amount") > -1) {
                        args.series[i].yAxisName = "yAxisConfig";
                        args.series[i].type = "spline";
                        args.series[i].marker.visible = true;
                return args;
    #region Copyright Syncfusion Inc. 2001-2018.
    // Copyright Syncfusion Inc. 2001-2018. All rights reserved.
    // Use of this code is subject to the terms of our license.
    // A copy of the current license can be obtained at any time by e-mailing
    // Any infringement will be prosecuted under
    // applicable laws. 
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    namespace WebSampleBrowser.PivotChart
        public partial class MultipleAxes : System.Web.UI.Page
            protected void Page_Load(object sender, EventArgs e)