我试图绘制Highchart并将图像和文本放在切片上。但是以某种方式未显示SVG图像。
以下是小提琴链接
我用来在Series对象中显示图像的一些代码是
formatter : function(){
return '<svg class="icon">
<circle cx="10" cy="10" r="10" fill="red" /></svg> 7
%' ;
},
Highchart的默认渲染使用仅渲染文本的SVG文本节点。您需要强制标签使用HTML:
dataLabels:{
useHTML: true,
formatter : function(){
return '<svg class="icon"><circle cx="10" cy="10" r="10" fill="red" /></svg> 7 %' ;
},
}
注意,这将导致一些古怪的渲染,因此您需要相应地调整CSS。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句