在Chart.js中修改条形图的X轴标签2

Question

我正在使用ChartJS构建条形图。 我的图表在一年中的每个星期都包含一个条形图。 我希望每个条的工具提示都显示“第15周（4月10日-4月16日）”，而x轴上的相应标签应仅显示周数，因此应显示“ 15”。

尽管我使用的是条形图而不是散点图，但此答案准确地描述了我要完成的工作。 我在条形图上尝试了该方法，并从添加到数据集中的标签中提取了周号（“第15周（4月10日-4月16日）”->“ 15”）。 但是，userCallback函数将x轴标签和工具提示标签都覆盖为值“ 15”。 有人可以告诉我如何修改每个条形图的x轴标签（不影响工具提示标签）或建议其他方法吗？

编辑：弄弄我的代码： https : //jsfiddle.net/96z57gqf/ 。 x轴标签正确，但是我需要使用条形工具提示来保留原始值（“第12周”，“第13周”等）。

xAxes: [{
  ticks: {
    userCallback: function(value, index, values) {
      return value.replace("Week ","");
    }
  }
}]

编辑2 /解决方案：请参阅https://jsfiddle.net/3ft4wrL9/ 。 从以下Vinod的答案中，我修改了选项，包括：

tooltips: {
    mode: 'index',
    intersect: true,
    callbacks: {
      title: function(tooltipItem, data) {
        return data["labels"][tooltipItem[0]["index"]];
      }
    }
  },

Answer 1

如果您使用的是chart.js 2，则可以在选项内​​使用此处记录的工具提示回调方法，以自定义工具提示

tooltips: {
        callbacks: {
            label: function(tooltipItem, data) {
                //TODO return what you want using value of tooltipItem and data 
            }
        }
    }