ChartJS 工具提示 - 更改显示的数据格式

Question

我使用 ChartJS 创建了一个水平浮动条形图。我传入的数据格式为：

[
   {
     rowName: 'Project 1',
     startDate: '2021-03-15',
     endDate: '2021-04-20',
   }
]

x 轴显示月/年，y 轴显示 rowName。我添加了 chartjs-adapater-date-fns 但为了让浮动条工作，我必须将 startDate 和 endDate 转换为新日期，然后使用 .getTime() 函数检索数字图表预期的数据。例如。 [new Date(startDate).getTime(), new Date(endDate).getTime()].

在我的工具提示中，它将标签显示为我想要的 rowName，但是数据值显示为传入的两个数值。

我想以以下格式显示工具提示：

• 项目 1
• 开始日期：05/03/2021
• 结束日期：20/04/2021

最好的方法是什么？

注意：我已经安慰了上下文，发现 data.raw 为我提供了 2021-05-03,2021-04-20 是否有用？

Answer 1

 Instead of new date pass your input date , Tooltip will show with formatted date value.

var barOption = {
                    tooltips: {
                      callbacks: {
                          label: function(t, d) {
                          this.date=new Date();
                       let formated_date = this.datepipe.transform(this.date, 'dd/MM/yyy');
    return formated_date;
                         },
                      },
                    },
    }