D3.js NVD3:series的multiChart格式错误

我正在使用NVD3 multiChart模型制作一张图表，我有4个系列，3个条形图与左yAxis关联，1条线与右yAxis关联

这3条线只是有一个浮动值，其中线有一个percentage。 一切正常，但工具提示中有一些错误，日期格式不正确（完全没有格式，非常准确）

你知道我怎么能把底部的日期格式化吗

1458428400 -> 20-03-16

谢谢

---

您可以执行以下操作：

定义一个函数，将历元转换为一个好的日期。大概是这样的：

function epochToNiceDate(epoch) {
    var date = new Date(0);
    date.setUTCSeconds(epoch);
    var day = date.getDate();
    var month = date.getMonth() + 1;
    var year = date.getFullYear();
    return day + "-" + month + "-" + year;
}

将工具提示的内容生成器功能传递给图表（假设已启用useInteractiveGuideline）。您可以浏览NVD3的源代码，复制/粘贴默认内容生成器，然后根据需要修改它。让我们以下面的一个为例：

chart.interactiveLayer.tooltip.contentGenerator(function (d) {
    var tooltipTitle = epochToNiceDate(d.value);
    var tooltip = "";

    tooltip += "<table>";
    tooltip += "<thead>";
    tooltip += "<tr><td colspan='3'><strong class='x-value'>" + tooltipTitle + "</strong></td></tr>";
    tooltip += "</thead>";
    tooltip += "<tbody>"

    for(var i in d.series) {
        var currentSeries = d.series[i];
        var color = currentSeries.color;
        var key = currentSeries.key;
        var value = currentSeries.value;

        tooltip += "<tr>";
        tooltip += "   <td class='legend-color-guide'>";
        tooltip += "      <div style='background-color: " + color + ";'></div>";
        tooltip += "   </td>";
        tooltip += "   <td class='key'>" + key + "</td>";
        tooltip += "   <td class='value'>" + value + "</td>";
        tooltip += "</tr>";
    }

    tooltip += "</tbody>";
    tooltip += "</table>";

    return tooltip;
});

chart.interactiveLayer.tooltip.contentGenerator（函数（d）{
var ToolTittile=环氧树脂（d值）；
var工具提示=”；
工具提示+=“”；
工具提示+=“”；
工具提示+=“”+工具提示+””；
工具提示+=“”；
工具提示+=“”
用于（d系列中的变量i）{
var currentSeries=d系列[i]；
var color=currentSeries.color；
var key=currentSeries.key；
var值=currentSeries.value；
工具提示+=“”；
工具提示+=“”；
工具提示+=“”；
工具提示+=“”；
工具提示+=“”+键+“”；
工具提示+=“”+值+“”；
工具提示+=“”；
}
工具提示+=“”；
工具提示+=“”；
返回工具提示；
});

你可以在这里看到它的作用：

---

祝你好运

这是一个bug，如果其他人需要你可以使用的补丁，我已经做了一个拉取请求：