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

jaxagkaj  于 5个月前  发布在  Echarts
关注(0)|答案(2)|浏览(54)

Version

5.4.2

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

2g32fytz

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

pod7payv

pod7payv2#

@lchenfox Please provide a demo for the issue either with Official Editor , CodePen , CodeSandbox or JSFiddle .

相关问题