如何绘制仅包含2个标签的多个数据的折线图？

Question

所以

我一直在使用ng2-charts，因此我可以在我的角度应用程序中使用chartjs库创建组件，我想绘制一个仅显示第一个和最后一个标签和点的图表，以便可以轻松阅读该图表干净。

我怎样才能显示第一个和最后一个？

或者只有最后一个

Answer 1

在Chart.js中，标签可以作为数组提供。

示例

component.html

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

component.ts

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

根据您的要求，可以为标签设置空值，除了第一个和最后一个。