[Bug] 移动端(Android&iOS)点击柱状图高亮阴影emphasis聚焦错误
- Dominant language
- TypeScript
- Stars
- 67.3k
- Forks
- 19.8k
- Avg merge
- 11d 14h
- Merged PRs (30d)
- 8
Description
### Version
5.4.2
### Link to Minimal Reproduction
https://gist.github.com/lchenfox/46d18eea1d0e1c56520da537ecc391f8
### Steps to Reproduce
```
import RNEChartsPro from "react-native-echarts-pro";
render() {
const option = {
tooltip: {
trigger: 'axis',
},
legend: {},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true,
},
xAxis: [
{
type: 'category',
data: ["2023-09-09", "2023-09-10", "2023-09-11", "2023-09-12", "2023-09-13", "2023-09-14", "2023-09-15"],
},
],
yAxis: [
{
type: 'value',
},
],
series: [
{
name: 'Direct',
type: 'bar',
itemStyle: {
emphasis: {
barBorderWidth: 2,
shadowBlur: 2,
shadowColor: 'red',
},
},
data: ["--", "--", "--", "4637412.56", "--", "4755.73", "2804.98"],
},
{
name: 'Email',
type: 'bar',
stack: 'Ad',
itemStyle: {
emphasis: {
barBorderWidth: 2,
shadowBlur: 2,
shadowColor: 'red',
},
},
data: ["--", "--", "--", "-33541.57", "--", "317.68", "316.86"],
},
],
};
return ;
};
```
如图:

点击后,`tooltip`显示的是对应`2023-09-11`的数据,但是`2023-09-12`柱状图高亮了。
### Current Behavior
点击柱状图,高亮阴影聚焦错误,出现在未点击的柱状图数据上。
### Expected Behavior
点击相应的柱状图,高亮阴影应该聚焦在当前点击的柱状图上面。
### Environment
```markdown
- OS: macOS 12.5
- Browser: No(Android&iOS)
- Framework: React Native 0.72.0
```
### Any additional comments?
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.