apache / apache/echarts

[Bug] 移动端(Android&iOS)点击柱状图高亮阴影emphasis聚焦错误

Open
#19,158 7 comments 0 reactions 0 assignees View on GitHub
bug missing-demo pending waiting-for: author
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 ;
};
```

如图:

![IMG_4530](https://github.com/supervons/react-native-echarts-pro/assets/22851821/279d5fca-244f-4dfb-92b8-f55d9e3684c0)

点击后,`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

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.