在angular-nvd3工具提示中添加额外的字段

Add additional fields in angular-nvd3 tooltip

本文关键字：字段 添加 angular-nvd3 工具提示      更新时间：2023-09-26

我正在使用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"
},

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

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

相关文章：