Angular ng2-charts x 轴标签格式答案

【问题标题】：Angular ng2-charts x axis label formatAngular ng2-charts x 轴标签格式
【发布时间】：2019-09-04 12:34:27
【问题描述】：

我有一个使用 ng2-charts 库的角度代码，并希望根据过滤器选项格式化 X 轴标签数据。

如果我选择过滤选项为最后一天/上个月/其他间隔

如果用户选择过滤选项为去年/超过一年，图表 X 轴标签应以“月 DD，YYYY”格式显示数据。示例：2019 年 1 月 3 日

我尝试了以下方法，但它不起作用，并且它不会将时间转换为上午或下午的 12 小时格式。

scales: {
    xAxes: [{
        display: true,
        type: 'time',
        time: {
            displayFormats: {
                'millisecond': 'DD MM, HH:mm',
                'second': 'DD Month, HH:mm',
                'minute': 'DD Month, HH:mm',
                'hour': 'DD Month, HH:mm',
                'day': 'DD Month, HH:mm',
                'week': 'DD Month, HH:mm',
                'month': 'DD Month, HH:mm',
                'quarter': 'DD Month, HH:mm',
                'year': 'Month DD, YYYY'
            }
            parser: 'MM/DD/YYYY HH:mm'
        }
    }]
}

【问题讨论】：

标签： angular date ng2-charts

【解决方案1】：

找到解决办法

 scales: {
        xAxes: [{
            display: true,
            type: 'time',
            distribution: 'series',
            gridLines: {
                display: true
            },
            time: {
                displayFormats: {
                    millisecond: 'D MMM, h:mm a',
                    second: 'D MMM, h:mm a',
                    minute: 'D MMM, h:mm a',
                    hour: 'D MMM, h:mm a',
                    day: 'D MMM, h:mm a',
                    week: 'll',
                    month: 'll',
                    quarter: 'll',
                    year: 'll'
                },
            },
            ticks: {
                autoSkip: true,
                maxTicksLimit: 15
            }
        }],

【讨论】：