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

Javascript 在chart.js 2中修改条形图的X轴标签,javascript,chart.js,chart.js2,Javascript,Chart.js,Chart.js2,我正在使用ChartJS构建条形图。我的图表包含一年中每个星期的一个条形图。例如,我希望每个栏的工具提示显示“第15周(4月10日-4月16日)”,而x轴中的相应标签应仅显示周数,因此为“15” 虽然我使用的是条形图,而不是散点图,但这正是我想要实现的目标。我在条形图上尝试了这种方法,并从添加到数据集的标签中提取了周数(“第15周(4月10日-4月16日)”-->“15”)。但是,userCallback函数会使用值“15”覆盖x轴标签和工具提示标签。有人能告诉我如何只修改每个条的x轴标签(而不

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

虽然我使用的是条形图,而不是散点图,但这正是我想要实现的目标。我在条形图上尝试了这种方法,并从添加到数据集的标签中提取了周数(“第15周(4月10日-4月16日)”-->“15”)。但是,userCallback函数会使用值“15”覆盖x轴标签和工具提示标签。有人能告诉我如何只修改每个条的x轴标签(而不影响工具提示标签)或建议其他方法吗

编辑:修改我的代码:。x轴标签是正确的,但我需要工具栏提示来保持原始值(“第12周”、“第13周”等等)

EDIT2/解决方案:请参阅。根据Vinod下面的回答,我修改了我的选项,包括:

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

如果您使用的是chart.js 2,那么您可以使用工具提示回调方法来定制工具提示

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

如果您使用的是chart.js 2,那么您可以使用工具提示回调方法来定制工具提示

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

你能用提琴发布你的代码吗?请在问题描述中提供你的代码添加代码。@AndrédeBrito看到我的答案了吗?你能用这样的工具提示使用你的格式吗?你能用提琴发布你的代码吗?请在问题描述中提供你的代码添加代码。@AndrédeBrito看到我的答案了吗?你能用这样的工具提示使用你的格式吗我不确定这能不能解决我的问题。问题是,我希望工具提示中的信息比x轴标签中的信息更多,因此如果我按照我想要的方式格式化标签(仅使用周数),那么我将没有足够的信息来构建工具提示字符串(即“第15周(4月10日-4月16日)”。当然,除非有一种方法可以存储元数据,这样我就可以在您提到的函数中访问元数据,并使用它来构建工具提示字符串,数据它肯定会有足够的数据,你可以做,如果你张贴你的小提琴与你的数据,可以帮助你有信息的一周或你想生成它运行时间列克为第15周(4月10日至4月16日)是与你在数据还是你想生成runtime@AndrédeBrito到目前为止,你对本周有什么定义吗?好的,这很有效,谢谢!我需要用“标题”而不是“标签”来完成我想要的。这是我原来的小提琴的更新:我不确定这能解决我的问题。问题是,我希望工具提示中的信息比x轴标签中的信息更多,因此如果我按照我想要的方式格式化标签(仅使用周数),那么我将没有足够的信息来构建工具提示字符串(即“第15周(4月10日-4月16日)”。当然,除非有一种方法可以存储元数据,这样我就可以在您提到的函数中访问元数据,并使用它来构建工具提示字符串,数据它肯定会有足够的数据,你可以做,如果你张贴你的小提琴与你的数据,可以帮助你有信息的一周或你想生成它运行时间列克为第15周(4月10日至4月16日)是与你在数据还是你想生成runtime@AndrédeBrito到目前为止,你对本周有什么定义吗?好的,这很有效,谢谢!我需要用“标题”而不是“标签”来完成我想要的。以下是我原来小提琴的更新: