

<!-- <app-all-menus></app-all-menus> -->
<div style="float:left; width: 99%; height:86vh;padding-left: 3%;padding-top: 6%;">
    <p class="headStyle">{{'Speed variation' | translate}}</p>
    <div class="loading" *ngIf="Load">Loading&#8230;</div>
    <div id="toast">
      <div id="desc">{{data_descip}}</div>
    </div>
    <!-- <div id="c44"  style="margin-top: 16px;padding-bottom:2%">
      <md-input-container>
        <input mdInput placeholder="{{'Search Device' | translate}}" [mdAutocomplete]="tdAuto" name="state" 
        #state="ngModel" [(ngModel)]="option"
       (ngModelChange)="filterStates(option)">
       <md-autocomplete #tdAuto="mdAutocomplete">
          <md-option *ngFor="let option of dataSelect" [value]="option.value">
            <span>{{ option.value }}</span>
          </md-option>
        </md-autocomplete>   
      </md-input-container>
      </div>
    <div id="c11"  style="padding-top:1%;padding-bottom:2%">
      
    Select date : 
    <owl-date-time ngDefaultControl [name]="'date1'" [(ngModel)]="date1" [hourFormat]="'12'" [type]="'calendar'" [dateFormat]="'DD/MM/YYYY'"  [autoClose]="true"></owl-date-time>    

      
    </div>
    <div id="c11"  style="padding-top:1%;padding-bottom:2%">
        <button  (click)="creategraph()" class="btn btn-primary w3-button/" style="margin-top:19px;margin-left:21%;cursor:pointer">Generate Graph</button>
      </div><br>    -->
        
       
    
    
    <br>
     <br>
     <div style="  width:100%;
     height:66.67vh;">


     <div style="display: block;">
        <canvas baseChart  height=" 425px"
        width= "874px"
                    [datasets]="lineChartData"
                    [labels]="lineChartLabels"
                    [options]="lineChartOptions"
                    [colors]="lineChartColors"
                    [legend]="lineChartLegend"
                    [chartType]="lineChartType"
                    (chartHover)="chartHovered($event)"
                    (chartClick)="chartClicked($event)"></canvas>
    </div> 
  </div>
  <br>
</div>

