apache / apache/echarts

[Bug] 条形图 图表标线 文本加载时会闪烁

Open
#20,834 2 comments 0 reactions 0 assignees View on GitHub
bug pending
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.