<ion-item-sliding *ngFor="let holding of holdingsProvider.holdings" #slidingItem>

    <ion-item class="holding" color="primary">
      <p><strong>{{holding.crypto}}/{{holding.currency}}</strong></p>
      <p class="amount"><strong>Coins:</strong> {{holding.amount}} <strong>Value:</strong> {{holding.value | currency}}</p>
      <p *ngIf="holding.value > 0" class="value">{{holding.amount * holding.value | currency}}</p>
    </ion-item>

    <ion-item-options>
      <button ion-button icon-only color="danger" (click)="removeHolding(holding, slidingItem)"><ion-icon name="trash"></ion-icon></button>
      <button ion-button icon-only color="edit" (click)="editHolding(holding, slidingItem)"><ion-icon name="settings"></ion-icon></button>
    </ion-item-options>

  </ion-item-sliding>

ionViewDidLoad() {

    this.doughnutChart = new Chart(this.doughnutCanvas.nativeElement, {

        type: 'doughnut',
        data: {
            datasets: [{
                label: '# of Votes',
                data: [12, 19, 3, 5, 2, 3],
                backgroundColor: [
                    'rgba(255, 99, 132, 0.2)',
                    'rgba(54, 162, 235, 0.2)',
                    'rgba(255, 206, 86, 0.2)',
                    'rgba(75, 192, 192, 0.2)',
                    'rgba(153, 102, 255, 0.2)',
                    'rgba(255, 159, 64, 0.2)'
                ],
                borderColor: [
                    'rgba(255,99,132,1)',
                    'rgba(54, 162, 235, 1)',
                    'rgba(255, 206, 86, 1)',
                    'rgba(75, 192, 192, 1)',
                    'rgba(153, 102, 255, 1)',
                    'rgba(255, 159, 64, 1)'
                ],
                borderWidth: 1
            }]
        },
        options: {
            scales: {
            }
        }

    });