Javascript 工具提示中的NVD3输出日期格式为%d/%m/%y,x轴日期格式为%d/%m
正在寻找一种方法,使NVD3工具提示中的日期格式与x轴上的日期格式不同 当前将日期显示为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
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
的错误。更可能是由于我的设置和我已经找到了你解决方案的要点。再次感谢。