如何更改 NVD3 中控制按钮上的标签？答案

【问题标题】：How to change labels on the control button in NVD3?如何更改 NVD3 中控制按钮上的标签？
【发布时间】：2013-04-25 12:09:52
【问题描述】：

这是我的问题：在 NVD3 图表上，有时会出现带有单选按钮的“堆叠”或“分组”等选项。

我想做的是更改这些按钮的标签。由于我是法国人，我想用“Groupé”代替“Grouped”，用“Empilé”代替“Stacked”。不知道我说清楚了吗？

有可能吗？我已经查看了不同的 js 文件，例如“legend”、tooltips”……但这并没有真正的帮助（对于 javascript 和 nvd3 新手来说……）。

感谢您的回答！

【问题讨论】：

标签： javascript d3.js nvd3.js

【解决方案1】：

不幸的是，这些标签的字符串在源代码中被硬编码（在models/ 的相应文件中），因此您必须更改源代码。生成的带有文本的控件元素没有特定的 ID 或类，因此动态选择和更改它们并不是一个真正的选项。

最好的办法是更改来源。只需在 Javascript 文件中搜索要更改的字符串即可。

【讨论】：

感谢您的回答！在提出问题之前，我开始查看源代码，并且明白我必须更改源代码，但我找不到该死的行：/
我在models/ 的以下文件中发现“堆叠”：stackedAreaChart.js、multiBarChart.js、multiBarTimeSeriesChart.js、multiBarHorizontalChart.js。
确实，我也找到了，但是当我用其他东西替换“Stacked”和“Grouped”时它并没有改变任何东西
您可能需要重新启动浏览器以防止其缓存文件。
找到了！现在可以了！这是我们正在谈论的那一行，但我只是没有更新我的网络服务器上的 javascript 文件：/ 谢谢 Lars！

【解决方案2】：

只是为了更新这个答案：在 1.8 版中，您可以这样做：

chart = nv.models.multiBarChart()
    .controlLabels({"grouped":"Groupé","stacked":"Empilé"})
    // add your other chart parameters, eg color, margin etc here
;

【讨论】：