Javascript 工具提示中的NVD3输出日期格式为%d/%m/%y,x轴日期格式为%d/%m

Javascript 工具提示中的NVD3输出日期格式为%d/%m/%y,x轴日期格式为%d/%m,javascript,d3.js,charts,nvd3.js,Javascript,D3.js,Charts,Nvd3.js,正在寻找一种方法,使NVD3工具提示中的日期格式与x轴上的日期格式不同 当前将日期显示为 chart.xAxis .tickFormat(function(d) { return d3.time.format('%d / %m')(new Date(d)) }); 它显示为 如何将工具提示中的日期输出为%d/%m/%y,同时将x轴保持为%d/%m?您可以使用图表.tooltip.contentGenerator创建自定义工具提示。添加以所需格式输出日期的行。例如: chart

正在寻找一种方法,使NVD3工具提示中的日期格式与x轴上的日期格式不同

当前将日期显示为

chart.xAxis
  .tickFormat(function(d) {
    return d3.time.format('%d / %m')(new Date(d))
  });
它显示为


如何将工具提示中的日期输出为
%d/%m/%y
,同时将
x轴保持为
%d/%m

您可以使用
图表.tooltip.contentGenerator
创建自定义工具提示。添加以所需格式输出日期的行。例如:

chart.tooltip.contentGenerator(function (d) {
          var html = "<h2>Date: "+ d3.time.format('%d/%m/%y')(new Date(d.value))+"</h2> <ul>";
          d.series.forEach(function(elem){
            html += "<li><h3 style='color:"+elem.color+"'>"
                    +elem.key+"</h3><b>"+elem.value+"</b></li>";
          })
          html += "</ul>"
          return html;
chart.tooltip.contentGenerator(函数(d){
var html=“日期:”+d3.time.format(“%d/%m/%y”)(新日期(d.value))+“
    ”; d、 系列。forEach(函数(elem){ html+=“
  • ” +元素键+“”+元素值+“
  • ”; }) html+=“
” 返回html;

这里有一个正在工作的JSFIDLE供参考:

这很好。我唯一要做的就是将
chart.tooltip.contentGenerator
更改为
chart.interactiveLayer.tooltip.contentGenerator
,如果没有它,控制台将拍摄
contentGenerator
的错误。更可能是由于我的设置和我已经找到了你解决方案的要点。再次感谢。