syncfusion-content · Abirham-S · May 23, 2025 · May 23, 2025
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/aggregation/aggregation-icon/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/aggregation/aggregation-icon/razor
@@ -1,4 +1,4 @@
-@Html.EJS().PivotView("PivotView").Height(300).GroupingBarSettings(new Syncfusion.EJ2.PivotView.PivotViewGroupingBarSettings { ShowValueTypeIcon = false }).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource).ShowGroupingBar(false)
+@Html.EJS().PivotView("PivotView").Height(300).ShowGroupingBar(false).GroupingBarSettings(new Syncfusion.EJ2.PivotView.PivotViewGroupingBarSettings { ShowValueTypeIcon = false }).DataSourceSettings(dataSource => dataSource.DataSource((IEnumerable<object>)ViewBag.DataSource)
  .Rows(rows =>
  {
      rows.Name("Country").Add(); rows.Name("Products").Add();

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/razor
@@ -27,7 +27,7 @@
            })
            .ConditionalFormatSettings(format =>
            {
-               format.Conditions(Condition.LessThan).Measure("In_Stock").Value1(1000).Style(style => { style.BackgroundColor("#80cbc4").Color("black").FontFamily("Tahoma").FontSize("12px"); }).Add();
+               format.Conditions(Condition.GreaterThan).Measure("In_Stock").Value1(1000).Style(style => { style.BackgroundColor("#80cbc4").Color("black").FontFamily("Tahoma").FontSize("12px"); }).Add();
                format.Conditions(Condition.Between).Measure("Sold").Value1(500).Value2(40000).Style(style => { style.BackgroundColor("#f48fb1").Color("black").FontFamily("Tahoma").FontSize("12px"); }).Add();
            })
            ).AllowConditionalFormatting(true).Render()

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/conditional-formatting/ui/tagHelper
@@ -23,7 +23,7 @@
             <e-field name="Product_Categories" caption="Product Categories"></e-field>
         </e-filters>
         <e-conditionalformatsettings>
-            <e-format measure="In_Stock" conditions="LessThan" value1="1000">
+            <e-format measure="In_Stock" conditions="GreaterThan" value1="1000">
                 <e-fieldlist-style backgroundColor="#80cbc4" color="black" fontFamily="Tahoma" fontSize="12px" />
             </e-format>
             <e-format measure="Sold" conditions="Between" value1="500" value2="40000">

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populated/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populated/razor
@@ -8,7 +8,7 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).ShowGroupingbar(true).EnginePopulated("enginePopulated").Render()
+ })).ShowGroupingBar(true).EnginePopulated("enginePopulated").Render()
 
  <script>
     function enginePopulated(args){

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populating/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/engine-populating/razor
@@ -8,7 +8,7 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).ShowGroupingbar(true).EnginePopulating("enginePopulating").Render()
+ })).ShowGroupingBar(true).EnginePopulating("enginePopulating").Render()
 
  <script>
     function enginePopulating(args){

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/load/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/load/razor
@@ -8,7 +8,7 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
- })).ShowGroupingbar(true).Load("load").Render()
+ })).ShowGroupingBar(true).Load("load").Render()
 
  <script>
     function load(args){

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/no-data/nodata.cs b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/no-data/nodata.cs
@@ -4,23 +4,3 @@ public ActionResult Index()
     ViewBag.DataSource = data;
     return View();
 }
-
-public List<PivotData> GetPivotData()
-{
-    List<PivotData> pivotData = new List<PivotData>();
-    pivotData.Add(new PivotData { Amount = 100, Country = "Canada", Date = "FY 2005", Products = "Bike", Quantity = 2, State = "Alberta" });
-    pivotData.Add(new PivotData { Amount = 200, Country = "Canada", Date = "FY 2006", Products = "Van", Quantity = 3, State = "British Columbia" });
-    pivotData.Add(new PivotData { Amount = 150, Country = "United States", Date = "FY 2006", Products = "Car", Quantity = 3, State = "New Mexico" });
-    pivotData.Add(new PivotData { Amount = 200, Country = "United States", Date = "FY 2005", Products = "Bike", Quantity = 4, State = "New York" });
-    return pivotData;
-}
-
-public class PivotData
-{
-    public int Quantity { get; set; }
-    public double Amount { get; set; }
-    public string Country { get; set; }
-    public string Products { get; set; }
-    public string Date { get; set; }
-    public string State { get; set; }
-}
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/remote-json-data/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/data-binding/remote-json-data/razor
@@ -2,7 +2,7 @@
 .ExpandAll(false)
 .Rows(rows =>
 {
-    columns.Name("EnerType").Add();
+    rows.Name("EnerType").Add();
 }).Columns(columns =>
 {
     columns.Name("EneSource").Add();

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/defer-update/static/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/defer-update/static/razor
@@ -27,14 +27,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj.isRequiredUpdate) {
             fieldlistObj.updateView(pivotObj);
         }

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/editing/Inline-editing/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/editing/Inline-editing/razor
@@ -1,15 +1,15 @@
  @Html.EJS().PivotView("PivotGrid").Width("100%").Height("300").DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>
-            )ViewBag.Data)
+            )ViewBag.DataSource)
             .FormatSettings(formatsettings =>
             {
                 formatsettings.Name("Amount").Format("C0").MaximumSignificantDigits(10).MinimumSignificantDigits(1).UseGrouping(true).Add();
             }).Columns(columns =>
             {
-                columns.Name("Date").Add(); columns.Name("Product").Add();
+                columns.Name("Country").Add(); columns.Name("Product").Add();
             }).Rows(rows =>
             {
-                rows.Name("Country").Add();;
+                rows.Name("Year").Add(); rows.Name("Quarter").Add();;
             }).Values(values =>
             {
-                values.Name("Quantity").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
+                values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
             })).EditSettings(pivotViewCellEditSettings=>pivotViewCellEditSettings.AllowEditing(true).AllowInlineEditing(true)).Render()
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/razor
@@ -27,14 +27,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         fieldlistObj.updateView(pivotObj);
     }
 </script>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/Search-desired-field-static/tagHelper
@@ -30,14 +30,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         fieldlistObj.updateView(pivotObj);
     }
 </script>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/razor
@@ -27,14 +27,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         fieldlistObj.updateView(pivotObj);
     }
 </script>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/tagHelper b/ej2-asp-core-mvc/code-snippet/pivot-table/field-list/static/tagHelper
@@ -30,14 +30,14 @@
     var pivotObj; var fieldlistObj;
     function onGridEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         if (fieldlistObj) {
             fieldlistObj.update(pivotObj);
         }
     }
     function onFieldListEnginePopulate(args) {
         pivotObj = document.getElementById('PivotView').ej2_instances[0];
-        fieldlistObj = document.getElementById('PivotFieldList').ej2_instances[0];
+        fieldlistObj = document.getElementById('Static_FieldList').ej2_instances[0];
         fieldlistObj.updateView(pivotObj);
     }
 </script>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/label-filtering/filtering-ui/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/label-filtering/filtering-ui/razor
@@ -8,4 +8,4 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).Render()
+})).ShowFieldList(true).ShowGroupingBar(true).Render()
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/max-node/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/max-node/razor
@@ -8,4 +8,4 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); 
-})).MaxNodeLimitInMemberEditor(500).ShowGroupingBar(true).Render()
+})).MaxNodeLimitInMemberEditor(500).ShowGroupingBar(true).ShowFieldList(true).Render()
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/value-filtering-ui/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/filtering/value-filtering-ui/razor
@@ -8,4 +8,4 @@
 }).Values(values =>
 {
     values.Name("Sold").Caption("Units Sold").Add(); values.Name("Amount").Caption("Sold Amount").Add();
-})).Render()
+})).ShowFieldList(true).Render()
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/field-mapping/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/field-mapping/razor
@@ -3,7 +3,13 @@
  .FormatSettings(formatsettings =>
  {
      formatsettings.Name("Amount").Format("C0").MaximumSignificantDigits(10).MinimumSignificantDigits(1).UseGrouping(true).Add();
- }).Rows(rows =>
+ }).FieldMapping(fields=>
+ {
+     fields.Name("Quarter").ShowSortIcon(false).Add();
+     fields.Name("Products").ShowFilterIcon(false).ShowRemoveIcon(false).Add();
+     fields.Name("Amount").ShowValueTypeIcon(false).Caption("Sold Amount").Add();
+ })
+ .Rows(rows =>
  {
      rows.Name("Country").Add();
  }).Columns(columns =>
@@ -12,9 +18,4 @@
  }).Values(values =>
  {
      values.Name("Sold").Caption("Units Sold").Add();
- })).FieldMapping(fields=>
- {
-     fields.Name("Quarter").ShowSortIcon(false).Add();
-     fields.Name("Products").ShowFilterIcon(false).ShowRemoveIcon(false).Add();
-     fields.Name("Amount").ShowValueTypeIcon(false).Caption("Sold Amount").Add();
- }).ShowGroupingBar(true).ShowFieldList(true).Render()
+ })).ShowGroupingBar(true).ShowFieldList(true).Render()
diff --git a/...p-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-drill-through/drill-through.cs b/...p-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-drill-through/drill-through.cs
@@ -1,4 +1,5 @@
 public ActionResult Index()
 {
+    ViewBag.filterMembers = new string[] { "[Date].[Fiscal].[Fiscal Quarter].&[2002]&[4]", "[Date].[Fiscal].[Fiscal Year].&[2005]" };
     return View();
 }
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-position/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/getting-start-mvc/olap-measures-position/razor
@@ -3,7 +3,7 @@
 @Html.EJS().PivotView("pivotview").Width("100%").Height("600").DataSourceSettings(dataSourceSettings => dataSourceSettings.EnableSorting(true)
         .Url("https://bi.syncfusion.com/olap/msmdpump.dll").Catalog("Adventure Works DW 2008 SE").Cube("Adventure Works").ProviderType(ProviderType.SSAS)
         .Rows(rows => { rows.Name("[Customer].[Customer Geography]").Caption("Customer Geography").Add(); })
-        .Columns(columns => { columns.Name("[Product].[Product Categories]").Caption("Product Categories").Add(); columns.Name("[Measures]").Caption("Measures").Add(); })
+        .Columns(columns => { columns.Name("[Measures]").Caption("Measures").Add(); columns.Name("[Product].[Product Categories]").Caption("Product Categories").Add();  })
         .Values(values => { values.Name("[Measures].[Customer Count]").Caption("Customer Count").Add(); values.Name("[Measures].[Internet Sales Amount]").Caption("Internet Sales Amount").Add(); })
         .Filters(filters => { filters.Name("[Date].[Fiscal]").Caption("Date Fiscal").Add(); })
         .FormatSettings(formatSettings =>

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/button/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/button/razor
@@ -19,11 +19,11 @@
     }).CalculatedFieldSettings(calculatedfieldsettings =>
     {
         calculatedfieldsettings.Name("Total").Formula(totalPrice).Add();
-    })).AllowCalculatedField(true).Render()
+    })).AllowNumberFormatting(true).AllowCalculatedField(true).Render()
 
     <script>
         document.getElementById("calculated-field-btn").addEventListener('click', function () {
             var pivotObj = document.getElementById("PivotView").ej2_instances[0];
-            pivotObj.calculatedFieldModule.createCalculatedFieldDialog();
+            pivotObj.numberFormattingModule.ShowNumberFormattingDialog();
         });
     </script>
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/toolbar/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/number-formatting/toolbar/razor
@@ -13,7 +13,7 @@
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
 })).GridSettings(new PivotViewGridSettings { ColumnWidth = 140 }).DisplayOption(new PivotViewDisplayOption { View = View.Both }).Toolbar(new List<string>
-() { "New", "Save", "SaveAs", "Rename", "Remove", "Load", "Grid", "Chart", "Export", "SubTotal", "GrandTotal", "ConditionalFormatting", "NumberFormatting" "FieldList" }).SaveReport("saveReport").LoadReport("loadReport").FetchReport("fetchReport").RenameReport("renameReport").RemoveReport("removeReport").NewReport("newReport").Render()
+() { "New", "Save", "SaveAs", "Rename", "Remove", "Load", "Grid", "Chart", "Export", "SubTotal", "GrandTotal", "ConditionalFormatting", "NumberFormatting", "FieldList" }).SaveReport("saveReport").LoadReport("loadReport").FetchReport("fetchReport").RenameReport("renameReport").RemoveReport("removeReport").NewReport("newReport").Render()
 <style>
     #pivotview {
         width: 100%;

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-accumulation/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-accumulation/razor
@@ -24,7 +24,7 @@
         </table>
     </div>
     <div class="content-wrapper">
-        @Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+        @Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
         .EnableSorting(true).Rows(rows =>
         {
             rows.Name("Country").Add();
@@ -46,7 +46,7 @@
         .Filters(filters =>
         {
             filters.Name("Product_Categories").Caption("Product Categories").Add();
-        })).ChartSettings(chartSettings => chartSettings.ChartSeries(chartseries =>chartseries.Type(ChartSeriesType.Pie))).Render();
+        })).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.ChartSeries(chartseries =>chartseries.Type(ChartSeriesType.Pie))).Render();
     </div>
 </div>
 <script>

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-angle/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-angle/razor
@@ -1,5 +1,5 @@
 @using Syncfusion.EJ2.PivotView
-@Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+@Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .EnableSorting(true).Rows(rows =>
 {
     rows.Name("Country").Add();
@@ -21,7 +21,7 @@
 .Filters(filters =>
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
-})).ChartSettings(chartSettings =>
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings =>
 chartSettings.ChartSeries(chartSeries =>
     {
         chartSeries.Type(ChartSeriesType.Doughnut);

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/Column.cs b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/Column.cs
@@ -2,5 +2,6 @@ public ActionResult Index()
 {
     var data = GetPivotData();
     ViewBag.DataSource = data;
+    ViewBag.drilledMembers = new string[] { "FY 2015", "FY 2016" };
     return View();
 }
diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-column/razor
@@ -1,5 +1,5 @@
 @using Syncfusion.EJ2.PivotView
-@Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+@Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .EnableSorting(true).DrilledMembers(drilledmembers =>
 {
     drilledmembers.Name("Year").Items(new string[] { "FY 2016" }).Add();
@@ -25,7 +25,7 @@
 .Filters(filters =>
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
-})).ChartSettings(chartSettings =>chartSettings.ChartSeries(chartSeries =>
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings =>chartSettings.ChartSeries(chartSeries =>
 {
     chartSeries.Type(ChartSeriesType.Doughnut);
 

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-connector/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-connector/razor
@@ -1,6 +1,6 @@
 @using Syncfusion.EJ2.PivotView
 
-@Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+@Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .EnableSorting(true).Rows(rows =>
 {
     rows.Name("Country").Add();
@@ -22,7 +22,7 @@
 .Filters(filters =>
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
-})).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries =>chartSeries.Type(ChartSeriesType.Funnel).DataLabel(datalabel=>
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries =>chartSeries.Type(ChartSeriesType.Funnel).DataLabel(datalabel=>
 {
     datalabel.Position("OutSide");
     datalabel.ConnectorStyle(connector=>connector.Color("#f4429e").DashArray("5,3").Length("50px").Width(2));

diff --git a/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-datalabel/razor b/ej2-asp-core-mvc/code-snippet/pivot-table/pivot-chart/chart-datalabel/razor
@@ -1,6 +1,6 @@
 @using Syncfusion.EJ2.PivotView
 
-@Html.EJS().PivotView("PivotView").Height("300").DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.Data).ExpandAll(false)
+@Html.EJS().PivotView("PivotView").Height("300").ShowFieldList(true).DataSourceSettings(dataSourceSettings => dataSourceSettings.DataSource((IEnumerable<object>)ViewBag.DataSource).ExpandAll(false)
 .EnableSorting(true).Rows(rows =>
 {
     rows.Name("Country").Add();
@@ -22,4 +22,4 @@
 .Filters(filters =>
 {
     filters.Name("Product_Categories").Caption("Product Categories").Add();
-})).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries =>chartSeries.Type(ChartSeriesType.Pyramid).DataLabel(datalabel=> datalabel.Position("Inside")))).Render();
+})).DisplayOption(new PivotViewDisplayOption { View = View.Chart }).ChartSettings(chartSettings => chartSettings.ChartSeries(chartSeries =>chartSeries.Type(ChartSeriesType.Pyramid).DataLabel(datalabel=> datalabel.Position("Inside")))).Render();