chart.js v2 - 使用时间刻度时如何“填充”图表

问题描述

我用

如何使其合适：

Codepen：

解决方案

你想要使用 min & max 时间属性属性：

 选项：{
 scale：{
 xAxes：[{
 type：time，
 time：{
 min：/ *在这里设置你的分钟.. * /，
 max：/ * ..和你的最大值* / 
} 
}] 
} 
} 
  

Im creating a chart with chart.js v2 and I have a good working graph which uses a time scaled axis. Now I want to show whole hours in the axis so I set the option like this:

xAxes: [{
    type: 'time',
    time: {
        unit: 'hour',
        unitStepSize: 1,
        displayFormats: { 'hour': 'H:mm' }
    }
}]

This works good but I have gaps at the beginning and end of the graph.

How can I make it fit like this:

Codepen:http://codepen.io/WilbertE/pen/wzRmWr

解决方案

You want to use the min & max attributes of the time property :

options: {
    scales: {
        xAxes: [{
            type: "time",
            time: {
                min: /* Set your min here .. */,
                max: /* .. and your max here*/
            }
        }]
    }
}

这篇关于chart.js v2 - 使用时间刻度时如何“填充”图表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！