mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-01-08 18:48:50 +01:00
29 lines
986 B
HTML
29 lines
986 B
HTML
<div class="channels-block">
|
|
|
|
<div class="chart-bg"></div>
|
|
<div class="traffic-chart" id="trafficChart">
|
|
<div class="canvas-holder">
|
|
<canvas class="chart-area" width="300px" height="300px"></canvas>
|
|
<div class="traffic-text">
|
|
1,900,128
|
|
<span>Views Total</span>
|
|
</div>
|
|
</div>
|
|
<div class="traffic-legend"></div>
|
|
</div>
|
|
|
|
<div class="channels-info">
|
|
<div>
|
|
<div class="channels-info-item" *ngFor="let item of doughnutData">
|
|
<div class="legend-color" [ngStyle]="{'background-color': item.color }"></div>
|
|
<p>{{ item.label }}<span class="channel-number">+{{ item.percentage }}%</span></p>
|
|
<div class="progress progress-sm channel-progress">
|
|
<div class="progress-bar" role="progressbar"
|
|
[attr.aria-valuenow]="item.percentage" aria-valuemin="0" aria-valuemax="100" [ngStyle]="{width: item.percentage + '%' }">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|