-->
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
- <div class="row d-flex flex-row justify-content-between px-3 py-2">
+ <div class="d-flex flex-row justify-content-between px-3 py-2">
<div class="d-flex align-items-center header-style">{{resourcesData.name}}</div>
<span class="button">
- <label class="switch ml-1">
+ <label class="switch ms-1">
<input type="checkbox" (change)="changeChartType($event.target.checked)">
<div class="slider round">
<span class="on">{{ 'PAGE.VIMDETAILS.DOUGHNUT' | translate }}</span>
</span>
</div>
<ng-container *ngFor="let showData of chartData">
- <div class="header-style ml-3 mt-2">{{showData.heading}}</div>
+ <div class="header-style ms-2 mt-2 px-3 py-1">{{showData.heading}}</div>
<div class="row mt-2">
<div class="col-xs-{{12/showData.length}} col-sm-{{12/showData.length}} col-md-{{12/showData.length}} col-lg-{{12/showData.length}} col-xl-{{12/showData.length}}"
*ngFor="let list of showData.data;let i = index;">
<div class="chartData-card card text-center text-primary">
- <canvas class="my-2"
+ <canvas class="my-2" *ngIf="list.values.total !== 0"
baseChart
- [data]="list.data"
+ [datasets]="list.data"
[labels]="chartLabels"
- [chartType]="chartType"
+ [type]="chartType"
[options]="chartOptions"
[legend]="chartLegend"
- [colors]="list.colorValues">
+ [colors]="list.backgroundColor">
</canvas>
+ <div class="no-data" *ngIf="list.values.total === 0 || list.values.total === null">
+ <h4><strong>{{'PAGE.VIMDETAILS.NODATA' | translate}}</strong></h4>
+ </div>
<div class="card-body">
<h5 class="card-title"><strong>{{list.title}}</strong></h5>
<p class="card-text">