javascript - Highcharts:渲染标签时 useHTML 标志不起作用

Question

我正在使用 highcharts 和 phantomjs 服务器来渲染图表和标签，但渲染标签时的 useHTML 标志似乎不起作用。我按照文档中提到的方式启动了服务器phantomjs highcharts-convert.js -主机 127.0.0.1 -端口 3003

然后我将发送以下内容作为 infile 的帖子请求

{
chart: {
    events: {
        load: function() {
            var label = this.renderer.label('Hello      World', useHTML=true)
            .css({
                    color: '#FF11FF',
                    fontSize: '12px'
                })
            .attr({
                    fill: 'rgba(0, 0, 100, 0.75)',
                    padding: 8,
                    r: 5,
                    zIndex: 6
                })
            .add()

            box = label.getBBox();
            label.align(Highcharts.extend(box, {
                    align: 'center',
                    verticalAlign: 'top',
                    x: 0,
                    y: 20
                }),
                null, 'spacingBox');

            var label2 = this.renderer.label('Goodbye World')
                .css({
                    color: '#222222'
                })
                .add()
            label2.align(Highcharts.extend(label2.getBBox(), {
                    align: 'left',
                    verticalAlign: 'top',
                    x: 0,
                    y: box.height + 40
                }),
                null, 'spacingBox');
        }

    },
    height: 800,
    width: 500
},
title: {
    text: ''
}
};

然后我将其导出为 svg，但标签的文本按原样打印。我也尝试过

var label = this.renderer.label('Hello      World',null, null, 'rect', null, null, true)

但这会导致第一个文本根本不显示，蓝色背景被添加，第二个文本也是如此，但第一个文本不显示。第一个甚至无法在export.highcharts.com 上运行，但第二个在那里运行良好。我在这里做错了什么？

Answer 1

Renderer.label 需要的参数比您提供的要多，文档: http://api.highcharts.com/highcharts/Renderer.label

示例:

this.renderer.label('Hello      World',null,null,null,null,null,true)

您对正确使用 Renderer.label 的困惑: https://jsfiddle.net/6atnc2xj/