使用jquery替换的Highcharts工具提示格式化程序

时间:2015-01-15 20:03:57

标签: javascript jquery highcharts

我还没有找到一种方法用工具提示格式化程序中的换行符<br>替换逗号。

我希望能够传递这些数据:

var data = [     
    { "hc-key": "ad", "code": ['dogs','cats','horses','birds','snakes','boar'] }
    ];

并在格式化程序中使用split / join或replace,如下所示:

        tooltip: {
            backgroundColor: 'none',
            borderWidth: 0,
            shadow: false,
            useHTML: true,
            padding: 0,
        formatter:function(){
            $('#tooltip').html(this.point.code).replace(/,/g,'<br>');
        }
        },

我有什么想法可以做到这一点吗?

1 个答案:

答案 0 :(得分:0)

您应该返回所需的字符串作为工具提示,并使用join:

http://jsfiddle.net/rL5ju28j/

tooltip: {
    formatter: function() {
        return this.point.code.join(',').replace(/,/g,'<br>');
    }
}

http://www.highcharts.com/docs/chart-concepts/tooltip#formatter