在angular-nvd3工具提示中添加其他字段

Question

我正在使用angular-nvd3创建散点图(例如http://krispo.github.io/angular-nvd3/#/scatterChart)。我可以使用下面的函数创建自定义工具提示

tooltip: {
  contentGenerator: function(d) { return '<h3>HELLO WORLD</h3>'; }
}

但是，我的要求更基本，需要在nvd3生成的默认工具提示中添加两个额外的字段(如果不是空的话)。

是否可以将图的数据对象中的textvalue属性映射到默认的nvd3 toolip？

{
x: 1460199045.987,
y: 0,
textvalue: "117 test comment"
},

Answer 1

我通过从nvd3源代码复制contentGenerator函数(它创建了一个html表)，然后根据我的要求修改它来实现。不是最干净的解决方案，但它是有效的。

https://github.com/novus/nvd3/blob/master/src/tooltip.js