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]
コメントを追加