src/app/components/spectrum/spectrum.component.html
<ng-container
*ngIf="portfolioService.toolbarService.tagCloud===TagCloudDisplayMode.tagCloud || portfolioService.toolbarService.tagCloud===TagCloudDisplayMode.both">
<span (keypress)="inputService.keypress($event)" (click)="engine.searchService.updateSearchToken($event)">
<ng-container *ngFor="let frequency of truncated; let i = index; trackBy: trackByFn">
<ng-container *ngIf="i > 0"> {{ uiService.frequenciesDivider }} </ng-container>
<app-index [frequencyOverride]="frequency" [truncatorService]="truncatorService"></app-index>
</ng-container>
</span>
<ng-container *ngIf="remainingLength > 0">
<span class="more">+{{ remainingLength }} moreā¦ </span>
</ng-container>
</ng-container>
<ng-container
*ngIf="portfolioService.toolbarService.tagCloud===TagCloudDisplayMode.chart || portfolioService.toolbarService.tagCloud===TagCloudDisplayMode.both">
<div *ngIf="getFrequenciesCache(key)?.length || 0 > 0">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 cell-value">
<canvas #canvas [id]="portfolioService.engine.filterService.countCacheService.uiService.chartName(key)"
height="{{ chartHeight }}" width="{{ chartWidth }}" class="spectrum-chart" style="width: 100%;"></canvas>
</div>
</div>
</div>
</div>
</ng-container>