在高图标签中添加图像

Question

我试图绘制Highchart并将图像和文本放在切片上。 但是以某种方式未显示SVG图像。

以下是小提琴链接

小提琴链接

我用来在Series对象中显示图像的一些代码是

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

Answer 1

Highchart的默认渲染使用仅渲染文本的SVG文本节点。 您需要强制标签使用HTML：

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

注意，这将导致一些古怪的渲染，因此您需要相应地调整CSS。