如何給我的ng2-charts條形圖添加一個標題

Question

我有一個帶有下面代碼的條形圖......出色地工作......除了它缺少一個標題。

ng2-charts在API中是否有標題選項？如「銷售圖表」。 這些值是從打字稿文件中提取的。

<div> 
    <div style="display: block"> 
    <canvas baseChart 
      [datasets]="barChartData" 
      [labels]="barChartLabels" 
      [options]="barChartOptions" 
      [legend]="barChartLegend" 
      [chartType]="barChartType" 
      (chartHover)="chartHovered($event)" 
      (chartClick)="chartClicked($event)"></canvas> 
    </div> 

Answer 1

它看起來並不像有一個在畫布上的標題選項。你最好的選擇可能是綁定模板中的另一個元素。

chart.component.html

<div> 
    <h3>{{ barChartTitle }}</h3> 
    <div style="display: block"> 
    <canvas baseChart 
      [datasets]="barChartData" 
      [labels]="barChartLabels" 
      [options]="barChartOptions" 
      [legend]="barChartLegend" 
      [chartType]="barChartType" 
      (chartHover)="chartHovered($event)" 
      (chartClick)="chartClicked($event)"></canvas> 
    </div> 
</div>