Highcharts工具提示格式化功能

时间:2013-05-23 19:58:49

标签: highcharts

我们最近购买了highcharts许可证,并将其与我们的Grails应用程序集成。

我们遇到了一些困难,因为看起来HighCharts JSON对象不符合JSON标准,我们无法在JSON对象中指定工具提示格式化程序。

具体来说,似乎技术上不允许JSON将JavaScript函数作为对象属性。来自www.json.org网站:

字符串是零个或多个Unicode字符的序列,用双引号括起来,使用反斜杠转义。字符表示为单个字符串。字符串非常类似于C或Java字符串。

因此,当我们输出格式化字符串时,它会被双引号括起来,如下所示:

"formatter": "this.x + ': ' + this.y",

我们可以获得一个增强功能,我们将工具提示(或tooltip-fn)属性指定为字符串,这是javascript函数的名称吗?例如:

"formatter": "myTooltipFn"

调用javascript函数,如:

myTooltipFn(chart) {
   return chart.x
}

1 个答案:

答案 0 :(得分:0)

我只是在劳动数小时后解决这个问题。我的解决方案是在将数据以JSON格式发送到浏览器之后将格式化程序添加到数据中。

所以基本上,在包含这一行的js文件中:

$(blah).highcharts(data);

在此行之前写下:

Data.tooltip.formatter = function() {
    //write function here
}