Angular 在chart.js的x轴上显示最近3个月
我正在使用Angular 4、chart.js、ng2图表和chartjs插件注释进行一个项目。 我找不到如何在x轴上显示从今天起的最后3个月,可能有一种方法可以使用chartjs插件注释,但我无法解决它 这是我的密码: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
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';