javascript - 工具提示格式化程序中的间距错误？

Question

在某些情况下，工具提示格式化程序似乎会删除一个空格。

例子在 http://jsfiddle.net/tobinibot/FaHNN/1 .您可以看到在格式化程序函数中， 和 元素之间有一个空格，但从视觉上看，生成的工具提示中似乎没有任何空格。如果您在 和 元素之间有 2 个空格，那么工具提示看起来就像我期望的那样。

tooltip: {
    formatter: function() {
        return 'this.x + '<br/><span style="color: ' + this.series.color + ';">' + this.series.name + '</span> <strong>' + this.y + '</strong>';
        //                                                                                                    ^ problem spot is here
    }
},

Answer 1

引用useHTML from Highcharts API Options Reference .

在工具提示下添加useHTML: true,

tooltip: {
            useHTML: true,
            formatter: function() {
                return this.x + '<br/><span style="color: ' + this.series.color + ';">' + this.series.name + '</span> <strong>' + this.y + '</strong>';
            }
        }

演示: http://jsfiddle.net/FaHNN/2/