Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 在chart.js的x轴上显示最近3个月_Angular_Typescript_Chart.js - Fatal编程技术网

Angular 在chart.js的x轴上显示最近3个月

Angular 在chart.js的x轴上显示最近3个月,angular,typescript,chart.js,Angular,Typescript,Chart.js,我正在使用Angular 4、chart.js、ng2图表和chartjs插件注释进行一个项目。 我找不到如何在x轴上显示从今天起的最后3个月,可能有一种方法可以使用chartjs插件注释,但我无法解决它 这是我的密码: public lineChartData:Array<any> = [ {data: [], label:'Series A'} ]; public lineChartLabels:Array<any> = []; public li

我正在使用Angular 4、chart.js、ng2图表和chartjs插件注释进行一个项目。 我找不到如何在x轴上显示从今天起的最后3个月,可能有一种方法可以使用chartjs插件注释,但我无法解决它

这是我的密码:

public lineChartData:Array<any> = [
    {data: [], label:'Series A'}
  ];
  public lineChartLabels:Array<any> = [];
  public lineChartOptions:any = {
    responsive: true,
    scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        },
    annotation: {
        drawTime: 'beforeDatasetsDraw',
        annotations: [{
            type: 'box',
            id: 'a-box-1',
            yScaleID: 'y-axis-0',
            yMin: 0,
            yMax: 30,
            backgroundColor: '#f7d7db'
        }, {
            type: 'box',
            id: 'a-box-2',
            yScaleID: 'y-axis-0',
            yMin: 30,
            yMax: 70,
            backgroundColor: '#FFECD1'
        }, {
            type: 'box',
            id: 'a-box-3',
            yScaleID: 'y-axis-0',
            yMin: 70,
            yMax: 100,
            backgroundColor: '#e6f5f0'
        }]}
  };
  public lineChartColors:Array<any> = [
    { // grey
      backgroundColor: 'rgba(148,159,177,0.2)',
      borderColor: 'rgba(148,159,177,1)',
      pointBackgroundColor: 'rgba(148,159,177,1)',
      pointBorderColor: '#fff',
      pointHoverBackgroundColor: '#fff',
      pointHoverBorderColor: 'rgba(148,159,177,0.8)'
    }
  ];
  public lineChartLegend:boolean = false;
  public lineChartType:string = 'line';
public lineChartData:数组=[
{数据:[],标签:'Series A'}
];
公共lineChartLabels:Array=[];
公共线形图选项:任意={
回答:是的,
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的
}
}]
},
注释:{
drawTime:“beforeDatasetsDraw”,
注释:[{
键入:“box”,
id:'a-box-1',
yScaleID:'y轴-0',
yMin:0,
yMax:30,
背景颜色:“#f7d7db”
}, {
键入:“box”,
id:‘a-box-2’,
yScaleID:'y轴-0',
yMin:30,
yMax:70,
背景颜色:“#FFECD1”
}, {
键入:“box”,
id:'a-box-3',
yScaleID:'y轴-0',
yMin:70,
yMax:100,
背景颜色:“#e6f5f0”
}]}
};
公共LineChartColor:数组=[
{//灰色
背景颜色:“rgba(148159177,0.2)”,
边框颜色:“rgba(148159177,1)”,
pointBackgroundColor:'rgba(148159177,1)',
pointBorderColor:“#fff”,
pointHoverBackgroundColor:“#fff”,
pointHoverBorderColor:'rgba(148159177,0.8)'
}
];
公共线形图图例:布尔值=false;
公共lineChartType:string='line';