diff options
author | Kumar, Sudarshan (sk670p) <sk670p@att.com> | 2021-04-26 23:41:22 +0530 |
---|---|---|
committer | Kumar, Sudarshan (sk670p) <sudarshan.kumar@att.com> | 2021-04-27 16:00:40 +0530 |
commit | 1f7ed8d80f03f288181718a3572896ac48849163 (patch) | |
tree | 8319d99d4e4ccd594342d7dd5243fbe9bd26a3d4 /ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.html | |
parent | 1b63decb2f3b05786008be746063069581934253 (diff) |
Integrating Stacked Column Chart SDK-Raptor
Integrating Stacked Column Chart SDK-Raptor
Issue-ID: PORTAL-1068
Change-Id: I624e9ac3f6e52d5d4d501e46de979649a51f27ff
Signed-off-by: Sudarshan Kumar <sudarshan.kumar@att.com>
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.html')
-rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.html | 47 |
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/> |