lifepartner/src/app/tab3/tab3.page.html

<ion-header>
  <ion-toolbar>
    <ion-title>统计分析</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-segment [(ngModel)]="timeRange" (ionChange)="onTimeRangeChange($event)">
    <ion-segment-button value="week">
      <ion-label>周</ion-label>
    </ion-segment-button>
    <ion-segment-button value="month">
      <ion-label>月</ion-label>
    </ion-segment-button>
    <ion-segment-button value="year">
      <ion-label>年</ion-label>
    </ion-segment-button>
  </ion-segment>

  <ion-progress-bar type="indeterminate" *ngIf="isLoading"></ion-progress-bar>

  <div class="chart-container">
    <canvas #focusChart></canvas>
    <canvas #taskChart></canvas>
    <canvas #categoryChart></canvas>
  </div>
</ion-content>