Javascript 如何使用多个数据,但只有两个标签绘制折线图?

Javascript 如何使用多个数据,但只有两个标签绘制折线图?,javascript,angular,charts,chart.js,Javascript,Angular,Charts,Chart.js,所以 我一直在使用ng2图表来创建组件,因此我可以在我的angular应用程序中使用chartjs库创建组件,并且我希望绘制一个图表,该图表只显示第一个和最后一个标签和点,以便图表易于阅读和清理 我怎么才能展示第一个和最后一个呢 或者只有Chart.js中的最后一个标签可以作为数组提供 范例 component.html <canvas baseChart width="400" height="400" [datasets]="lineChartD

所以

我一直在使用ng2图表来创建组件,因此我可以在我的angular应用程序中使用chartjs库创建组件,并且我希望绘制一个图表,该图表只显示第一个和最后一个标签和点,以便图表易于阅读和清理

我怎么才能展示第一个和最后一个呢


或者只有Chart.js中的最后一个标签可以作为数组提供

范例

component.html

<canvas baseChart width="400" height="400"
                    [datasets]="lineChartData"
                    [labels]="lineChartLabels"
                    chartType="line"></canvas>
根据您的要求,您可以为标签设置除第一个和最后一个之外的空值

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