Question

我正在使用带有Angular2的Chart.js。我输入（x，y）坐标。其中x是时间戳，y是不同的值。工具提示显示时间戳，而不是我想要查看的时间格式。在我已经完成代码的pluncker上，请看一下并帮助我。PLUNKER for my char.js code using Angular2。我很难理解x轴如何显示时间。 Chart.js文档很糟糕，很难理解，我依靠stackoverflow来解决所有疑问。

以下是打印日期的图表选项。我无法理解在这里用tooltip选项写什么。 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格式，即。 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',
              }
            }
        }]
    }

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

1 个答案: