[Bug]The name of the series in the option contains label characters such as "<",">", which causes the generated svg to render incorrectly #17399
Description
Version
5.3.0
Link to Minimal Reproduction
No response
Steps to Reproduce
option:
{
"backgroundColor": "rgb(255,255,255)",
"color": ["#007dff", "#06bfc9", "#9f51e7", "#e72d90"],
"legend": {
"backgroundColor": "transparent",
"orient": "vertical",
"x": "right",
"y": "center"
},
"series": [{
"data": [{
"name": "<5分钟 0",
"smooth": false,
"value": 0
}, {
"name": "5~30分钟 2",
"smooth": false,
"value": 2
}, {
"name": "30~60分钟 0",
"smooth": false,
"value": 0
}, {
"name": ">60分钟 5",
"smooth": false,
"value": 5
}],
"center": ["45%", "50%"],
"itemStyle": {
"borderColor": "#fff",
"borderRadius": 10.0,
"borderWidth": 2.0
},
"label": {
"show": false,
"position": "center"
},
"type": "pie",
"radius": ["50%", "70%"]
}],
"title": {
"backgroundColor": "transparent",
"top": "48%",
"left": "45%",
"textAlign": "center",
"text": "sumFormatEchartsn7",
"textStyle": {
"lineHeight": 15.0
}
}
}生成svg
<svg width="500" height="300"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" viewBox="0 0 500 300">
<rect width="500" height="300" x="0" y="0" id="0" fill="rgb(255,255,255)" fill-opacity="1"></rect>
<path d="M225 55.5A10 10 0 0 1 236.1 45.6A105 105 0 0 1 318.7 102.6A10 10 0 0 1 313.3 116.5L303.9 120.1A10 10 0 0 1 291.5 115.3A75 75 0 0 0 233.8 75.5A10 10 0 0 1 225 65.6Z" fill="#007dff" stroke="#fff" stroke-width="2" stroke-linejoin="round"></path>
<path d="M313.3 116.5A10 10 0 0 1 326.6 123.3A105 105 0 0 1 327.3 126.4A10 10 0 0 1 318.8 138.6L308.8 139.8A10 10 0 0 1 297.9 132.3A75 75 0 0 0 297.8 131.8A10 10 0 0 1 303.9 120.1Z" fill="#06bfc9" stroke="#fff" stroke-width="2" stroke-linejoin="round"></path>
<path d="M318.8 138.6A10 10 0 0 1 330 148.4A105 105 0 0 1 330 151.6A10 10 0 0 1 318.8 161.4L308.8 160.2A10 10 0 0 1 300 150.2A75 75 0 0 0 300 149.8A10 10 0 0 1 308.8 139.8Z" fill="#9f51e7" stroke="#fff" stroke-width="2" stroke-linejoin="round"></path>
<path d="M318.8 161.4A10 10 0 0 1 327.3 173.6A105 105 0 1 1 213.9 45.6A10 10 0 0 1 225 55.5L225 65.6A10 10 0 0 1 216.2 75.5A75 75 0 1 0 297.9 167.7A10 10 0 0 1 308.8 160.2Z" fill="#e72d90" stroke="#fff" stroke-width="2" stroke-linejoin="round"></path>
<path d="M-5 -5l115.6 0l0 104l-115.6 0Z" transform="translate(389.36 103)" fill="none" stroke="#ccc" stroke-width="0"></path>
<path d="M3.5 0L21.5 0A3.5 3.5 0 0 1 25 3.5L25 10.5A3.5 3.5 0 0 1 21.5 14L3.5 14A3.5 3.5 0 0 1 0 10.5L0 3.5A3.5 3.5 0 0 1 3.5 0" transform="translate(469 104)" fill="#007dff" stroke="#fff" stroke-width="2" stroke-linecap="butt" stroke-miterlimit="10" stroke-linejoin="round"></path>
<text dominant-baseline="central" text-anchor="end" style="font-size:12px;font-family:sans-serif;" xml:space="preserve" x="-5" y="7" transform="translate(469 104)" fill="#333">
<5分钟 5
</text>
<path d="M3.5 0L21.5 0A3.5 3.5 0 0 1 25 3.5L25 10.5A3.5 3.5 0 0 1 21.5 14L3.5 14A3.5 3.5 0 0 1 0 10.5L0 3.5A3.5 3.5 0 0 1 3.5 0" transform="translate(469 130)" fill="#06bfc9" stroke="#fff" stroke-width="2" stroke-linecap="butt" stroke-miterlimit="10" stroke-linejoin="round"></path>
<text dominant-baseline="central" text-anchor="end" style="font-size:12px;font-family:sans-serif;" xml:space="preserve" x="-5" y="7" transform="translate(469 130)" fill="#333">5~30分钟 1</text>
<path d="M3.5 0L21.5 0A3.5 3.5 0 0 1 25 3.5L25 10.5A3.5 3.5 0 0 1 21.5 14L3.5 14A3.5 3.5 0 0 1 0 10.5L0 3.5A3.5 3.5 0 0 1 3.5 0" transform="translate(469 156)" fill="#9f51e7" stroke="#fff" stroke-width="2" stroke-linecap="butt" stroke-miterlimit="10" stroke-linejoin="round"></path>
<text dominant-baseline="central" text-anchor="end" style="font-size:12px;font-family:sans-serif;" xml:space="preserve" x="-5" y="7" transform="translate(469 156)" fill="#333">30~60分钟 1</text>
<path d="M3.5 0L21.5 0A3.5 3.5 0 0 1 25 3.5L25 10.5A3.5 3.5 0 0 1 21.5 14L3.5 14A3.5 3.5 0 0 1 0 10.5L0 3.5A3.5 3.5 0 0 1 3.5 0" transform="translate(469 182)" fill="#e72d90" stroke="#fff" stroke-width="2" stroke-linecap="butt" stroke-miterlimit="10" stroke-linejoin="round"></path>
<text dominant-baseline="central" text-anchor="end" style="font-size:12px;font-family:sans-serif;" xml:space="preserve" x="-5" y="7" transform="translate(469 182)" fill="#333">>60分钟 19</text>
<path d="M-17 -5l34 0l0 70l-34 0Z" transform="translate(230 140)" fill="none" stroke="#ccc" stroke-width="0"></path>
<path d="M-12 0l24 0l0 60l-24 0Z" transform="translate(230 140)" fill="none"></path>
<text dominant-baseline="central" text-anchor="middle" style="font-size:18px;font-family:sans-serif;font-weight:bold;" y="15" transform="translate(230 140)" fill="#464646">总数</text>
<text dominant-baseline="central" text-anchor="middle" style="font-size:18px;font-family:sans-serif;font-weight:bold;" y="45" transform="translate(230 140)" fill="#464646">26</text>
</svg>Current Behavior
Expected Behavior
Environment
- OS:
- Browser:
- Framework:Any additional comments?
label中的</>字符作为标签解析, 引发渲染错误