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

Question

我正在使用 Chart.js 和 Angular2。我正在输入 (x,y) 坐标。其中 x 是时间戳，y 是不同的值。工具提示显示时间戳而不是我想看到的时间格式。我已经在pluncker上完成了代码，请看一下并帮助我。PLUNKER for my char.js code using Angular2。

我不太理解 x 轴是如何显示时间的。 Chart.js 文档很糟糕而且很难理解，我依赖 Whosebug 来解决我的所有疑虑。

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

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: The moment js format string to use for the tooltip.

前往 https://momentjs.com/docs/ 查找正确的格式。例如，如果您想要 MM/DD/YYYY 格式，即。 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',
              }
            }
        }]
    }

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

I am using Chart.js and want to change the tool tip to display date format based on timestamp input

chart.js

ng2-charts

angular