Добавить изображение в ярлыки с высоким разрешением

Question

Я пытаюсь рисовать Highchart и размещать изображение и текст на срезах. Но каким-то образом изображение SVG не отображается.

Ниже Fiddle ссылка

Fiddle link

Часть кода я использую для отображения изображения в объекте серии является

formatter : function(){ 
      return '<svg class="icon"> 
        <circle cx="10" cy="10" r="10" fill="red" /></svg> 7 
        %' ; 
}, 

Answer 1

рендеринга Highchart по умолчанию использует SVGs текстовые узлы, которые только делают текст. Вам нужно, чтобы заставить метки использовать HTML:

dataLabels:{ 
    useHTML: true, 
    formatter : function(){ 
     return '<svg class="icon"><circle cx="10" cy="10" r="10" fill="red" /></svg> 7 %' ; 
    }, 
} 

Примечание это вызовет некоторые довольно дурацкий рендеринг, так что вам нужно настроить CSS соответственно.