nvd3.js 旭日形图 - 如何编辑工具提示？答案

【问题标题】：nvd3.js sunburst chart - How to edit the tooltip?nvd3.js 旭日形图 - 如何编辑工具提示？
【发布时间】：2016-11-02 11:46:28
【问题描述】：

我尝试借用 nvd3 饼图等中使用的 .tooltipContent(function(key, y, e, graph) { return 'Some String' }) 和 .tooltip(function(key, y, e, graph) { return 'Some String' }) 函数。但它们似乎都不适用于 Sunburst 图表。

如何自定义 nvd3 旭日形图的工具提示？

【问题讨论】：

你试过chart.tooltip.valueFormatter(function(d){return d;});
我已将我的评论添加为一些资源的答案，如果您可以接受它以将此问题标记为已解决。

标签： d3.js nvd3.js sunburst-diagram

【解决方案1】：

与其他 NVD3 图表相比，Sunburst Chart 中的工具提示格式不同。 All NVD3 charts 已经构建了工具提示，但有不同的方法来更改它们。

我刚刚看了 NVD3 Suburst 图表源代码，在line 32 中发现了一些方法可以帮助我们操作工具提示内容。

添加以下代码以制作自定义工具提示：

chart.tooltip.valueFormatter(function (d) {
    return d;
});

希望对你有帮助

【讨论】：