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

Question

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

我希望能够将此数据传递到：

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

并使用 split/join 或像这样在格式化程序中替换：

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

有什么办法可以做到这一点吗？

Answer 1

您应该 return 您想要的字符串作为工具提示，并使用 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

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

Highcharts tooltip formatter using jquery replace

javascript

jquery

highcharts