[Bug] 条形图 图表标线 文本加载时会闪烁
- Dominant language
- TypeScript
- Stars
- 67.3k
- Forks
- 19.8k
- Avg merge
- 11d 14h
- Merged PRs (30d)
- 8
Description
### Version
5.4.1
### Link to Minimal Reproduction
https://echarts.apache.org/examples/zh/editor.html?c=dataset-encode0
### Steps to Reproduce
option = {
"tooltip": {
"trigger": "axis",
"backgroundColor": "rgba(0,0,0,0.5)",
"borderColor": "rgba(0,0,0,0.5)",
"textStyle": {
"color": "#fff"
},
"appendToBody": true
},
"grid": {
"left": "1%",
"right": "5%",
"top": "35px",
"bottom": "15%",
"containLabel": true
},
"legend": {
"orient": "horizontal",
"bottom": "bottom",
"left": "center",
"show": true,
"type": "scroll",
"pageIconColor": "#2f4554",
"pageIconInactiveColor": "#aaa",
"pageTextStyle": {
"color": "#a3a4aa"
},
"top": "bottom",
"textStyle": {
"color": "#a3a4aa"
},
"itemStyle": {
"color": "rgb(142, 114, 192)"
}
},
"xAxis": {
"type": "value",
"show": true,
"axisLabel": {
"show": true,
"color": "#a3a4aa",
"rotate": 0,
"margin": 16,
"interval": "auto"
},
"data": [],
"position": "top",
"axisLine": {
"lineStyle": {
"color": "#a3a4aa"
},
"show": true
},
"axisTick": {
"lineStyle": {
"color": "#a3a4aa"
}
},
"name": "",
"max": null,
"min": null,
"unit": "custom",
"nameTextStyle": {
"padding": [
0,
0,
0,
-10
]
}
},
"yAxis": [
{
"show": true,
"axisLabel": {
"show": true,
"color": "#a3a4aa",
"interval": "auto",
"rotate": 0
},
"data": [
"B",
"A",
"C",
"D"
],
"position": "top",
"axisLine": {
"lineStyle": {
"color": "#a3a4aa"
}
},
"splitLine": {
"lineStyle": {
"color": "#e1e7f1"
}
},
"axisTick": {
"lineStyle": {
"color": "#a3a4aa"
}
}
}
],
"series": [
{
"name": "年龄",
"type": "bar",
"yAxisIndex": 0,
"data": [
{
"value": 198,
"label": {
"position": "right"
},
"itemStyle": {
"borderRadius": 0
}
},
{
"value": 2423,
"label": {
"position": "right"
},
"itemStyle": {
"borderRadius": 0
}
},
{
"value": 55,
"label": {
"position": "right"
},
"itemStyle": {
"borderRadius": 0
}
},
{
"value": 45,
"label": {
"position": "right"
},
"itemStyle": {
"borderRadius": 0
}
}
],
"stack": "",
"label": {
"show": false,
"color": "#a3a4aa",
"position": "right"
},
"barMinWidth": 5,
"barMaxWidth": 80,
"markLine": {
"silent": true,
"data": [
{
"type": "average",
"name": "1",
"lineStyle": {
"color": "#306fff"
}
}
],
"label": {
"position": "insideEndTop",
"color": "#a3a4aa"
}
},
"itemStyle": {}
}
],
"visualMap": null
};
### Current Behavior
加载重绘时,条形图的图表标线标签会闪动
如果 label.position: 'end',时正常的,设置为insideEndTop、middle等都会闪烁
### Expected Behavior
可以帮助解决一下吗?谢谢大家
### Environment
```markdown
- OS:
- Browser:
- Framework:
```
### Any additional comments?
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.