在angular-nvd3工具提示

时间:2016-08-16 17:35:57

标签: javascript angularjs d3.js nvd3.js angular-nvd3

我正在使用angular-nvd3(例如http://krispo.github.io/angular-nvd3/#/scatterChart)创建散点图。我可以使用以下功能

创建自定义工具提示
tooltip: {
  contentGenerator: function(d) { return '<h3>HELLO WORLD</h3>'; }
}

然而,我的要求更基本,并且在nvd3生成的默认工具提示中添加了几个附加字段(如果不为null)。

是否可以将图表数据对象中的textvalue属性映射到默认的nvd3工具包?

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

1 个答案:

答案 0 :(得分:0)

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

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