1 files changed, 41 insertions, 6 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.html
index 4440b9e5..c4bc61e1 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.html
@@ -57,10 +57,11 @@
                 <mat-option value="PieChart">Pie Chart</mat-option>
                 <mat-option value="AnnotationChart">Annotation Chart</mat-option>
                 <mat-option value="FlexTimeChart">Flexible Time Chart</mat-option>
+                <mat-option value="StackedCoulmnChart" (onSelectionChange)="setStackedCoulmnChartOptions()">Stacked Coulmn Chart</mat-option>
             </mat-select>
         </mat-form-field>
         <br/>
-        <mat-form-field>
+        <mat-form-field *ngIf="chartJson.chartType !=='StackedCoulmnChart'">
             <mat-label class="lable">Domain Axis</mat-label>
             <mat-select [(ngModel)]="chartJson.domainAxisJSON.value" aria-label="domain axis">
                 <mat-option *ngFor="let d of chartJson.chartColumnJSONList"
@@ -68,7 +69,7 @@
             </mat-select>
         </mat-form-field>
         <br/>
-        <mat-form-field>
+        <mat-form-field *ngIf="chartJson.chartType !=='StackedCoulmnChart'">
             <mat-label class="lable">Category</mat-label>
             <mat-select [(ngModel)]="chartJson.categoryAxis" aria-label="category axis">
                 <mat-option>None</mat-option>
@@ -78,7 +79,7 @@
         </mat-form-field>
     </div>
 
-    <div id="RangeTable">
+    <div id="RangeTable" *ngIf="chartJson.chartType !=='StackedCoulmnChart'">
         <table>
             <thead>
             <tr>
@@ -141,7 +142,7 @@
 <br/>
     <div class="form-group">
         <mat-accordion>
-            <mat-expansion-panel>
+            <mat-expansion-panel *ngIf="chartJson.chartType !=='StackedCoulmnChart'">
                 <mat-expansion-panel-header>
                     <mat-panel-title>
                         Additional Options
@@ -197,7 +198,7 @@
 
             </mat-expansion-panel>
             <br/>
-            <mat-expansion-panel>
+            <mat-expansion-panel *ngIf="chartJson.chartType !=='StackedCoulmnChart'">
                 <mat-expansion-panel-header>
                     <mat-panel-title>
                         Common Options
@@ -302,7 +303,7 @@
                          Set Bar chart Options
                     </mat-panel-description>
                 </mat-expansion-panel-header>
-          <div>
+          <div *ngIf="chartJson.chartType !=='StackedCoulmnChart'">
               <table>
                   <thead>
                   <tr>
@@ -437,6 +438,40 @@
                     </table>
                 </div>
             </mat-expansion-panel>
+            <mat-expansion-panel *ngIf="chartJson.chartType =='StackedCoulmnChart'">
+                <mat-expansion-panel-header>
+                    <mat-panel-description>
+                        Set Stacked Column Chart Option
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+                <div class="field-group">
+                    <mat-form-field>
+                        <mat-label class="lable">Set Column For X Axis</mat-label>
+                        <mat-select [(ngModel)]="chartJson.domainAxisJSON.value" aria-label="domain axis">
+                            <mat-option *ngFor="let d of chartJson.chartColumnJSONList"
+                                        value="{{d.value}}">{{d.title}}</mat-option>
+                        </mat-select>
+                    </mat-form-field>
+                    <br/>
+                    <mat-form-field>
+                        <mat-label class="lable">Set Column For Y Axis</mat-label>
+                        <mat-select [(ngModel)]="chartJson.categoryAxis" aria-label="category axis">
+                            <mat-option>None</mat-option>
+                            <mat-option *ngFor="let d of chartJson.chartColumnJSONList"
+                                        value="{{d.value}}">{{d.title}}</mat-option>
+                        </mat-select>
+                    </mat-form-field>
+                    <br/>
+                    <mat-form-field>
+                        <mat-label class="lable">Set Column For Count</mat-label>
+                        <mat-select [(ngModel)]="chartJson.primaryAxisLabel" aria-label="count">
+                            <mat-option>None</mat-option>
+                            <mat-option *ngFor="let d of chartJson.chartColumnJSONList"
+                                        value="{{d.value}}">{{d.title}}</mat-option>
+                        </mat-select>
+                    </mat-form-field>
+                </div>
+            </mat-expansion-panel>
         </mat-accordion>
     </div>
     <br/>