Integrated latest changes at 01-04-2023 11:41:41 AM

Author: DeepakRajSundar

ej2-angular-toc.html

@@ -1587,6 +1587,7 @@
                  <li><a href="/ej2-angular/pdfviewer/how-to/import-export-annotation">Import and Export annotation as object</a></li>
                  <li><a href="/ej2-angular/pdfviewer/how-to/delete-annotation">Delete a specific annotation</a></li>
                  <li><a href="/ej2-angular/pdfviewer/how-to/open-thumbnail">Open Thumbnail pane programmatically</a></li>
+				 <li><a href="/ej2-angular/pdfviewer/how-to/install-packages-required-for-lower-versions">Install packages required for versions below 12</a></li>
               </ul>
           </li>
           <li><a href="https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/">API Reference</a></li>
@@ -1772,6 +1773,12 @@
         <li><a href="https://ej2.syncfusion.com/angular/documentation/api/range-slider/">API Reference</a></li>
       </ul>
   </li><li>
+    Rating
+    <ul>
+        <li><a href="/ej2-angular/rating/getting-started">Getting Started</a></li>
+        <li><a href="https://ej2.syncfusion.com/angular/documentation/api/rating/">API Reference</a></li>
+    </ul>
+</li><li>
     RichTextEditor
     <ul>
       <li><a href="/ej2-angular/rich-text-editor/getting-started">Getting Started</a></li>

ej2-angular/.spelling

@@ -150,31 +150,4 @@ Major.Minor.Build.Revision
 lifecycle
 nuget
 v20.1.0.47
-nuget.org
-xlsm
-xlsb
-Sheet1!A:H
-Sheet2!A:H
-Sheet3!A:H
-Sheet1!1:50
-Sheet2!1:50
-Sheet3!1:50
-setRowsHeight
-setColumnsWidth
-A:H
-F:F
-A:F
-A:C
-G:I
-K:M
-Sheet1!
-Sheet2!
-Sheet3!
-['2:2']
-['1:100']
-['1:10', '15:25', '30:40']
-[Sheet1!1:50, 'Sheet2!1:50', 'Sheet3!1:50']
-['F:F']
-['A:F']
-['A:C', 'G:I', 'K:M']
-[Sheet1!A:H, 'Sheet2!A:H', 'Sheet3!A:H']
+nuget.org

ej2-angular/Release-notes/20.3.50.md

@@ -6,7 +6,7 @@ import { Pivot_Data } from './datasource.ts';
 
 @Component({
   selector: 'app-container',
-  providers: [GroupingBarService, FieldListService, PivotActionCompleteEventArgs ],
+  providers: [GroupingBarService, FieldListService],
   // specifies the template string for the pivot table component
   template: `<ejs-pivotview #pivotview id='PivotView' height='350' [dataSourceSettings]=dataSourceSettings showGroupingBar='true' showFieldList='true' (actionComplete)='actionComplete($event)' width=width></ejs-pivotview>`
 })
@@ -15,7 +15,7 @@ export class AppComponent implements OnInit {
     public dataSourceSettings: IDataOptions;
 
     actionComplete(args: PivotActionCompleteEventArgs): void {
-        if (args.actionName == 'Field aggregated') {
+        if (args.actionName == 'Field filtered') {
             // Triggers when the filter action is completed.
         }
     }

ej2-angular/Release-notes/20.3.52.md

@@ -21,7 +21,8 @@ export class AppComponent implements OnInit {
 
         this.dataSourceSettings = {
             dataSource: Pivot_Data,
-             expandAll: false,
+            expandAll: false,
+            enableSorting: true,
             columns: [{ name: 'Year', caption: 'Production Year' }, { name: 'Quarter' }],
             values: [{ name: 'Sold', caption: 'Units Sold' }, { name: 'Amount', caption: 'Sold Amount' }],
             rows: [{ name: 'Country' }, { name: 'Products' }],
@@ -30,7 +31,11 @@ export class AppComponent implements OnInit {
         };
 
         this.displayOption = { view: 'Chart' } as DisplayOPtion;
-        this.chartSettings = { value: 'Amount', chartSeries: { type: 'Column', animation: { enable: false } }, enableMultipleAxis: true, showMemberSeries: true} as ChartSettings;
+        this.chartSettings = { 
+            title: 'Sales Analysis', value: 'Amount', chartSeries: { type: 'Column' }, 
+            enableMultipleAxis: true, showPointColorByMembers: true, multipleAxisMode: 'Stacked',
+            primaryYAxis: {border: {width: '0'}}
+        } as ChartSettings;
     }
 }
 

ej2-angular/Release-notes/20.3.56.md

@@ -6,7 +6,7 @@ import { Pivot_Data } from './datasource.ts';
 
 @Component({
   selector: 'app-container',
-  providers: [GroupingBarService, FieldListService, PivotActionCompleteEventArgs ],
+  providers: [GroupingBarService, FieldListService],
   // specifies the template string for the pivot table component
   template: `<ejs-pivotview #pivotview id='PivotView' height='350' [dataSourceSettings]=dataSourceSettings showGroupingBar='true' showFieldList='true' (actionComplete)='actionComplete($event)' width=width></ejs-pivotview>`
 })

ej2-angular/code-snippet/pivot-grid/getting-started-cs103/app/app.component.ts

@@ -0,0 +1,21 @@
+/* csslint ignore:start */
+#PivotViewFieldList {
+    float: left;
+    width: 58% !important;
+    height: 100%;
+}
+
+#PivotFieldList {
+    float: right;
+    width: 42%;
+    height: 100%;
+}
+/* csslint ignore:end */
+  
+/* csslint ignore:start */
+
+.e-pivotview .e-tool-expand::before {
+    content: '\e702';
+}
+
+/* csslint ignore:end */

ej2-angular/code-snippet/pivot-grid/getting-started-cs239/app/app.component.ts

@@ -0,0 +1,38 @@
+
+
+import { Component, OnInit } from '@angular/core';
+import { IDataOptions, DisplayOption, PivotChartService } from '@syncfusion/ej2-angular-pivotview';
+import { ChartSettings } from '@syncfusion/ej2-pivotview/src/pivotview/model/chartsettings';
+import { Pivot_Data } from './datasource.ts';
+
+@Component({
+  selector: 'app-container',
+  providers: [PivotChartService],
+  // specifies the template string for the pivot table component
+  template: `<ejs-pivotview #pivotview id='PivotView' height='350' [dataSourceSettings]=dataSourceSettings
+  [chartSettings]='chartSettings' [displayOption]='displayOption'></ejs-pivotview>`
+})
+export class AppComponent implements OnInit {
+    public dataSourceSettings: IDataOptions;
+    public chartSettings: ChartSettings;
+    public displayOption: DisplayOption;
+
+    ngOnInit(): void {
+
+        this.dataSourceSettings = {
+            dataSource: Pivot_Data,
+            expandAll: false,
+            columns: [{ name: 'Year', caption: 'Production Year' }, { name: 'Quarter' }],
+            values: [{ name: 'Sold', caption: 'Units Sold' }, { name: 'Amount', caption: 'Sold Amount' }],
+            rows: [{ name: 'Country' }, { name: 'Products' }],
+            formatSettings: [{ name: 'Amount', format: 'C0' }],
+            filters: []
+        };
+
+        this.displayOption = { view: 'Chart' } as DisplayOPtion;
+        this.chartSettings = { enableMultipleAxis: true, multipleAxisMode : 'Combined', chartSeries: { type: 'Column' } } as ChartSettings;
+    }
+}
+
+
+

ej2-angular/code-snippet/pivot-grid/getting-started-cs279/app/app.component.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { SpreadsheetAllModule } from '@syncfusion/ej2-angular-spreadsheet';
+import { PivotViewAllModule, PivotFieldListAllModule } from '@syncfusion/ej2-angular-pivotview';
 import { AppComponent } from './app.component';
 
 /**
@@ -9,9 +9,10 @@ import { AppComponent } from './app.component';
 @NgModule({
     imports: [
         BrowserModule,
-        SpreadsheetAllModule
+        PivotViewAllModule,
+        PivotFieldListAllModule
     ],
     declarations: [AppComponent],
     bootstrap: [AppComponent]
 })
-export class AppModule { }
+export class AppModule { }