使用function（）创建动态响应

Question

以下代码有效：

tooltipOpts: {
  content: "%s : %y",
  shifts: {
  x: -30,
  y: -50
  }
}

我试图在“内容”中显示一些动态计算的数据，所以我试图使用一个函数。即使我最基本的例子也不起作用，我得到如下错误：

 tooltipOpts: {
   content: function() {
     return "%s : %y";
   },
   shifts: {
     x: -30,
     y: -50
   }
 }


Uncaught TypeError: Object function () {
    return "%s : %y";
} has no method 'replace' 

Answer 1

我假设你在这里使用tooltip plugin。我编写了一个小提琴示例here，它使用function属性的content格式。请注意，您的回调签名不正确：

content: function(label, xval, yval, flotItem){ // expects to pass these arguments
    return "%s : %y";
},

但即使没有这些论点，我也无法重现你的错误。