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

Question

我正在使用带有 Angular2 的 Chart.js。我正在输入（x，y）坐标。其中 x 是时间戳，y 是不同的值。工具提示显示时间戳，而不是我想要查看的时间格式。在 pluncker 上，我已经完成了代码，请看一下并帮助我。使用 Angular2 为我的 char.js 代码插入 PLUNKER。

我很难理解 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.org/docs/#scales-time-scale

它应该添加在time文档中提到的子选项下。

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

去https://momentjs.com/docs/找到正确的格式。例如，如果你想要MM/DD/YYYY格式 ie。2017 年 4 月 27 日试试这个：

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',
              }
            }
        }]
    }