Highcharts：useHTML標誌在渲染標籤時不起作用

Question

我使用highcharts和phantomjs服務器來渲染圖表和標籤，但useHTML標誌在渲染標籤時似乎不起作用。我啓動了服務器在文檔中提到 phantomjs highcharts-convert.js -host 127.0.0.1 -port 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: '' 
} 
}; 

post請求然後，我將其作爲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/