工具提示中的 NVD3 输出日期格式为 %d/%m/%y,x 轴日期为 %d/%m
NVD3 output date format in tooltip as %d/%m/%y and x-axis date as %d/%m
寻找一种方法来输出 NVD3 工具提示中的日期格式与 x-axis
上的日期格式不同。
当前显示日期为
chart.xAxis
.tickFormat(function(d) {
return d3.time.format('%d / %m')(new Date(d))
});
它显示为
如何将工具提示中的日期输出为 %d/%m/%y
,同时将 x-axis
保持为 %d/%m
?
您可以使用 chart.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;
这里有一个可用的 JSFiddle 供参考:http://jsfiddle.net/wgmpfa2p/5/
寻找一种方法来输出 NVD3 工具提示中的日期格式与 x-axis
上的日期格式不同。
当前显示日期为
chart.xAxis
.tickFormat(function(d) {
return d3.time.format('%d / %m')(new Date(d))
});
它显示为
如何将工具提示中的日期输出为 %d/%m/%y
,同时将 x-axis
保持为 %d/%m
?
您可以使用 chart.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;
这里有一个可用的 JSFiddle 供参考:http://jsfiddle.net/wgmpfa2p/5/