Highchart工具提示&来自外部功能的事件

时间:2012-05-28 07:49:27

标签: javascript highcharts highstock

我需要为highchart工具提示格式化程序和事件添加外部函数,如下面给出的代码。 如何在外部添加它。

 $(function(){
      var highchartObj = chart: {renderTo: 'rightBottomContainer'},xAxis: {categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']}, series: [{data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]}]} 
      rchart = new Highcharts.Chart(highchartObj);
        rchart.Point.prototype.tooltipFormatter = function (useHeader) {
        //var point = this, series = point.series;
        return "AAAAAA";
    };

});

1 个答案:

答案 0 :(得分:3)

您可以在某处定义您的功能,例如

function tooltipFormatter(){
    //your format here
}

然后将此函数作为tooltip传递给formatter对象内的Highcharts配置对象:

var chart = new Highcharts.Chart(..., tooltip: { formatter: tooltipFormatter }, ...);

因此,您可以将代码放在一个单独的函数中,该函数将在Highcharts对象中传递。

演示:http://jsfiddle.net/NCnS5/

formatter参数的文档:http://www.highcharts.com/ref/#tooltip--formatter