如何 plot 折線圖有多個數據，但只有 2 個標簽？

Question

所以，

我一直在使用 ng2-charts，因此我可以在我的 angular 應用程序中使用 chartjs 庫創建組件，並且我想要 plot 一個僅顯示第一個和最后一個 ZD304BA20E96D874341588EE 圖表的圖表和干凈的點。

我怎樣才能顯示第一個和最后一個？

或者只有最后一個

Answer 1

在 Chart.js 中，標簽可以作為數組提供。

例子

組件.html

<canvas baseChart width="400" height="400"
                    [datasets]="lineChartData"
                    [labels]="lineChartLabels"
                    chartType="line"></canvas>

組件.ts

  public lineChartData: ChartDataSets[] = [
    { data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A' }
  ];
  public lineChartLabels: Label[] = ['January', '', '', '', '', '', 'July'];

根據您的要求，您可以為標簽設置空值，第一個和最后一個除外。