在NVD3.js中翻译鼠标悬停的文本

时间:2015-08-10 12:42:43

标签: javascript d3.js nvd3.js diagrams

我正在使用一些堆叠的条形图和优秀的nvd3库(这些:http://nvd3.org/examples/multiBar.html

我有一个问题。我想要鼠标悬停工具提示,但我需要将“on”这个词翻译成另一种语言。我找不到任何关于如何做到的文档,我似乎无法在源代码中找到它。

任何人都有线索?

1 个答案:

答案 0 :(得分:1)

在版本1.7.1及更低版本(我假设您正在使用)中,您可以使用chart.tooltipContent()

// If you want to change the tooltip format you could edit this function
chart.tooltipContent(function (key, x, y, e, graph) {
    return '<h3>' + key + '</h3>' +
        '<p>' +  y + ' en ' + x + '</p>'
});

请参阅此plunk以获取示例:http://plnkr.co/edit/YxZKDBqVWhtxryUSMwjk?p=preview

如果使用1.8.1,可以这样完成:

// If you want to change the tooltip format you could edit this function
chart.tooltip.contentGenerator(function (d) {
    return '<h3>' + d.data.key + '</h3>' +
        '<p>' +  d.data.display.y + ' en ' + new Date(d.data.x).toLocaleDateString() + '</p>'
});

如此插图所示:http://plnkr.co/edit/ZYsjygDJkHSit50Rh3sZ?p=preview