Closed
Description
My annotation config
{
type: "html",
position: { date: "2021/05/21 11:45:00 AM", score: "max" },
html: (a: any, b: any) => {
return `<svg width="24" height="24">
<circle cx="12" cy="12" r="11" fill='${"#ff1a1a"}' />
<text x="50%" y="50%" text-anchor="middle" fill="white" font-size="12px" font-family="Arial" dy=".3em">
'${(<InfoOutlined />)}'</text>
Sorry, your browser does not support inline SVG.
</svg>`;
},
offsetX: -12,
offsetY: -5,
},
I want to show icon inside an annotation like this
But my above annotation implementation is not working, it shows like this
How do I achieve this ?
Activity
lxfu1 commentedon Sep 3, 2021
https://www.yuque.com/antv/g2plot/kdkyoc#MryMU