Chart.js中不同的主刻度格式

Question

我想制作常规的刻度格式 HH：mm 和主要的 （在一天开始时） - MMM D.

我的密码本 https://codepen.io/zzmaster/pen/OvNdLe

var options = {
    scales: {
        xAxes: [{
            type: 'time',
            time: {
                unit: 'hour',
                unitStepSize: 1,
                displayFormats: {
                    'hour': 'HH:mm',
                    'day': 'MMM D HH:mm'
                },
            },
            ticks:{
                maxTicksLimit: 10,
                major: {
                    unit: 'day',
                    fontColor: 'red',
                    unitStepSize: 1,
                    displayFormats: {
                        'day': 'MMM D HH:mm',
                        'hour': 'MMM D'
                    },
                },
            },
        }],

        yAxes: [{
            scaleLabel: {
                display: true,
                labelString: 'Loading'
            },
        }],
    },

};

看起来displayFormats忽略了主要的刻度？我通常不明白在displayFormats下使用多个条目的原因是什么，在哪些条件下将使用小时或天格式？我看到输出刻度没有区别...

Answer 1

ticks: {
    major: {
        fontSize: 14,
        fontStyle: "bold"
    },
    callback: function(value, index, values) {
        if(values[index] !== undefined)
        {
            if(values[index].major==true)
            {
                return moment(values[index].value).format('DD/MM');
            }
            else
            {
                return value;
            }
        }
    }
}