在轴中显示日期标签 - 图表 js/ng2 图表

Man*_*pra 3 chart.js ng2-charts angular

x 轴标签的快照

需要在x轴的区间内显示标签日期。数据应保持不变,仅应根据快照显示日期间隔。

对于 y 轴上的简单数字,可以使用“刻度”来实现

            max: 5000,
            min: 0,
            stepSize:4000
Run Code Online (Sandbox Code Playgroud)

但如果日期不确定要使用的属性。附上代码片段stackblitz url

tim*_*ton 5

看起来您想显示轴标签的月份而不是日期。您可以通过更改unit属性来实现此目的:

options: {
    scales: {
        xAxes: [{
            type: 'time',
            time: {
                unit: 'month'
            }
        }]
    }
}
Run Code Online (Sandbox Code Playgroud)