我正在使用Chart.js，并希望根据时间戳输入更改工具提示以显示日期格式

Question

我使用的是带有Angular2的Chart.js。我给出(x，y(坐标的输入。其中x是时间戳，y是不同的值。该工具提示显示时间戳，而不是我想看到的时间格式。我已经完成了代码的pluncker，请查看并帮助我。使用angular2。

我了解X轴的显示时间几乎没有麻烦。Chart.js文档非常可怕，很难理解，我依靠stackoverflow来出于所有疑问。

这是打印日期的我图表的选项。我无法理解在此处的工具提示选项中写的内容。

private options = {
    scales: {
        xAxes: [{
            tooltipFormat:'',
            type: 'time',
            time: {
                displayFormats: {
                    'millisecond': 'HH:mm:ss',
                    'second': 'HH:mm:ss',
                    'minute': 'HH:mm:ss',
                    'hour': 'HH:mm:ss',
                    'day': 'HH:mm:ss',
                    'week': 'HH:mm:ss',
                    'month': 'HH:mm:ss',
                    'quarter': 'HH:mm:ss',
                    'year': 'HH:mm:ss',
                }
            }
        }]
    }
};

Answer 1

tooltipFormat选项在此处记录：http：//www.chartjs.s.org/docs/#scales time-scale

应该在time sub选项下添加。

中提到

tooltipformat：用于工具提示的时刻JS格式字符串。

转到https://momentjs.com/docs/查找正确的格式。例如，如果您想要MM/DD/YYYY格式，即。04/27/2017尝试以下尝试：

plunker：http：//plnkr.co/edit/xntcxnial5rfvpy2vatn?p=preview

     scales: {
        xAxes: [{
          type: 'time',
          time: {
              tooltipFormat:'MM/DD/YYYY', // <- HERE
              displayFormats: {
                 'millisecond':'HH:mm:ss',
                 'second': 'HH:mm:ss',
                 'minute': 'HH:mm:ss',
                 'hour': 'HH:mm:ss',
                 'day': 'HH:mm:ss',
                 'week': 'HH:mm:ss',
                 'month': 'HH:mm:ss',
                 'quarter': 'HH:mm:ss',
                 'year': 'HH:mm:ss',
              }
            }
        }]
    }