chart.js之xAxes日期标签被改变基于屏幕宽度

问题描述:

我一直在chart.js之时选项乱搞(displayFormattooltipFormat):chart.js之xAxes日期标签被改变基于屏幕宽度

type: 'time', 
unit: 'day', 
unitStepSize: 1, 
time: { 
    displayFormats: { 
     'day': 'dd', 
    }, 
    tooltipFormat: 'll' 
}, 

预期其中一期工程 - 一个17英寸的笔记本电脑屏幕上。

这显示日期为MoTuWeThFrSaSu

但是在24英寸显示器chart.js之自动改变日期,他们就成为:

Aug 18 12AM - Aug 18 12PMAug 19 12AM - Aug 19 12PM

我怎样才能阻止这种情况的发生?

您需要的displayFormatshour属性设置为dd为好,像这样:

... 
time: { 
    displayFormats: { 
     'day': 'dd', 
     'hour': 'dd' //<-- set this 
    }, 
    tooltipFormat: 'll' 
}, 
... 
+1

:o这么简单...谢谢! –

+0

我太鼓励upvotes :(这对你有用吗?不适合我 –

+0

是的,它确实!看到https://jsfiddle.net/6hd8d1ua/ –