設置我的圖表min yaxis爲0

Question

我使用ng2charts這是建立在chartjs上（我認爲）。我想設置我的y軸開始在一個特定的值。我怎樣才能做到這一點？從typescript動態將是偉大的，硬編碼在HTML可以接受。

我的圖表組件的HTML

<div> 
    <div style="display: block"> 

    <canvas baseChart 
      [datasets]="barChartData" 
      [labels]="barChartLabel" 
      [options]="barChartOptions" 
      [legend]="barChartLegend" 
      [chartType]="barChartType" 
      (chartHover)="chartHovered($event)" 
      (chartClick)="chartClicked($event)"></canvas> 

    <div align="center">{{barChartTitle}}</div> 
    </div> 
</div> 

我的組件打字稿

import { Component, Input, OnInit, NgZone, OnChanges, ViewChild } from '@angular/core'; 
import { BaseChartDirective } from 'ng2-charts/ng2-charts'; 
@Component({ 
    selector: 'app-bar-chart-demo', 
    templateUrl: './bar-chart-demo.component.html', 
    styleUrls: ['./bar-chart-demo.component.css'], 
    inputs:['chartLabel', 'chartData', 'chartType', 'chartTitle', 'chartLarge'] 
}) 
export class BarChartDemoComponent{ 
    @ViewChild(BaseChartDirective) chart: BaseChartDirective; 

    public barChartOptions:any = { 
    scaleShowVerticalLines:false, 
    responsive:true 
    }; 

    //Labels 
    public barChartLabel:string[]; 
    @Input() chartLabel:string[]; 

    //Type 
    public barChartType:string; 
    @Input() chartType:string; 

    //Legend 
    public barChartLegend:boolean = true; 
    @Input() chartLegend:boolean; 

    //Data 
    public barChartData:any[]; 
    @Input() chartData:any[]; 

    //Title 
    public barChartTitle:string; 
    @Input() chartTitle:string; 

    //Legend 
    public barChartLarge:boolean = true; 
    @Input() chartLarge:boolean; 

    ngOnChanges(){ 

    } 

    ngOnInit(){ 
    //Init the sub componenets 
    this.barChartLabel=this.chartLabel; 
    this.barChartData=this.chartData; 
    this.barChartType=this.chartType; 
    this.barChartTitle=this.chartTitle; 
    } 

    // events 
    public chartClicked(e:any):void { 
    //console.log(e); 
    } 

    } 

Answer 1

得到它。其在圖表中的選項....

public barChartOptions:any = { 
    scaleShowVerticalLines:false, 
    responsive:true, 
    scales: { 
     yAxes: [{ 
     ticks: { 
      beginAtZero: true 
     } 
     }] 
    } 
    };