Linq 使用Ng2图表创建折线图，其中X轴显示日期，y轴显示某些事件的计数

我对angular非常陌生，我想创建一个折线图，其中x轴显示日期，y轴显示计数，我使用linq查询从数据库获取数据，angular 6中的ng2图表包创建UI。我的查询如下所示：

 var allExtractedDoc = await _docCogExtractionMetrics.GetAllListAsync ();
          
        var ExtractionRate = allExtractedDoc.GroupBy (t => t.CreationTime.Date).
        Select (e => new DocExtDto {
            Total = e.Count (),
                CreationTime = e.Key,
                ExtractionsPerDay = e.Count (g => g.Result),

        }).ToList ();

 public lineChartOptions = {
        responsive: true,
        scales: {
            xAxes: [{
                type: 'time',
                time: {
                    unit: 'month'
                }
            }]
        }
    };
 public lineChartType = 'line';
    public lineChartLegend = true;
    public lineChartPlugins = [];

    public lineChartColors: Color[] = [
        {
            borderColor: 'black',
            backgroundColor: 'rgba(255,255,0,0.28)',
        },
    ];
    public lineChartLabels: string[] = [
    ];
    public lineChartData: any[] = [
        { data: [], label: 'Extractions Per Day' },

    ];
     this._variableLayoutDocumentServiceProxy.extractionsPerDays().subscribe((result: ListResultDtoOfDocExtDto) => {
                if (result) {
                    for (let i = 0; i < result.items.length; i++) {

                    this.lineChartData[0].data.push(result.items[i].extractionsPerDay);

                    this.lineChartLabels.push(result.items[i].creationTime.date().toString());
                }
            } 

我想在折线图上显示每天发生的提取，但图表应该只显示从当前日期算起的最后30天的数据，目前我的图表正在填充数据库中所有可用日期的数据，甚至包括去年的日期

我的角度代码如下所示：

 var allExtractedDoc = await _docCogExtractionMetrics.GetAllListAsync ();
          
        var ExtractionRate = allExtractedDoc.GroupBy (t => t.CreationTime.Date).
        Select (e => new DocExtDto {
            Total = e.Count (),
                CreationTime = e.Key,
                ExtractionsPerDay = e.Count (g => g.Result),

        }).ToList ();

 public lineChartOptions = {
        responsive: true,
        scales: {
            xAxes: [{
                type: 'time',
                time: {
                    unit: 'month'
                }
            }]
        }
    };
 public lineChartType = 'line';
    public lineChartLegend = true;
    public lineChartPlugins = [];

    public lineChartColors: Color[] = [
        {
            borderColor: 'black',
            backgroundColor: 'rgba(255,255,0,0.28)',
        },
    ];
    public lineChartLabels: string[] = [
    ];
    public lineChartData: any[] = [
        { data: [], label: 'Extractions Per Day' },

    ];
     this._variableLayoutDocumentServiceProxy.extractionsPerDays().subscribe((result: ListResultDtoOfDocExtDto) => {
                if (result) {
                    for (let i = 0; i < result.items.length; i++) {

                    this.lineChartData[0].data.push(result.items[i].extractionsPerDay);

                    this.lineChartLabels.push(result.items[i].creationTime.date().toString());
                }
            } 

public linechart选项={
回答：是的，
比例：{
xAxes：[{
键入：“时间”，
时间：{
单位：月
}
}]
}
};
公共线形图表类型='line'；
公共lineChartLegend=true；
公共lineChartPlugins=[]；
公共线条图颜色：颜色[]=[
{
边框颜色：“黑色”，
背景颜色：“rgba（255255,0,0.28）”，
},
];
公共lineChartLabels:字符串[]=[
];
公共线形图数据：任意[]=[
{数据：[]，标签：'每天提取'}，
];
此._variableLayoutDocumentServiceProxy.extractionsPerDays（）.subscribe（（结果：ListResultToOfDocExtdTo）=>{
如果（结果）{
for（设i=0；i

请让我知道如何设置x轴上的标签范围以仅显示最近30天的数据？我在下面添加了一个图像链接，这是给我的线框，以供参考。