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 <RNEChartsPro
option={option}
width={SCREEN_WIDTH}
height={SCREEN_HEIGHT}
backgroundColor={'#ffffff'}
/>;
};
如图:
点击后, tooltip
显示的是对应 2023-09-11
的数据,但是 2023-09-12
柱状图高亮了。
Current Behavior
点击柱状图,高亮阴影聚焦错误,出现在未点击的柱状图数据上。
Expected Behavior
点击相应的柱状图,高亮阴影应该聚焦在当前点击的柱状图上面。
Environment
- OS: macOS 12.5
- Browser: No(Android&iOS)
- Framework: React Native 0.72.0
Any additional comments?
No response
2条答案
按热度按时间2g32fytz1#
@lchenfox It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED
TITLE
[Bug] Mobile (Android & iOS) click on the histogram highlight shadow emphasis focus error
pod7payv2#
@lchenfox Please provide a demo for the issue either with Official Editor , CodePen , CodeSandbox or JSFiddle .