supervons / react-native-echarts-pro

A React-Native charts based on Apache ECharts, support various charts and map.
https://supervons.github.io/react-native-echarts-pro-docs/
MIT License
216 stars 32 forks source link

柱状图图表 在ios上 当触摸到图例中时 无法在ScrollView中滚动 而安卓正常 #77

Closed 1974892005 closed 1 year ago

1974892005 commented 1 year ago

react-native-echarts-pro【1.8.7】 react-native version【0.70.1】 react-native-webview 【11.23.1】 Platform【ios】 System【14 pro 】

 <RNEChartsPro height={240}
 option={{
        tooltip: {
            trigger: 'item'
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu']
        },
        yAxis: {
            type: 'value',
        },  grid: {
        top: "30px",
        left: "50px",
        right: "0px",
        bottom: "50px"
    },
        series: [
            {
                data: [981, 444, 150, 111, 720, 888, 130, 123, 234, 77, 435],
                type: 'bar',
                barMaxWidth: 40,
                itemStyle: {
                    color: AppColor.echarts.blue
                }
            }
        ],
    }}
                    webViewSettings={{
                        style: {
                            marginHorizontal: 10,
                            backgroundColor: AppColor.TP,
                            padding: 30,
                            marginTop: -40,
                        }
                    }}
                />
supervons commented 1 year ago

无法复现该问题,请提供可独立运行的单页面文件 demo

另外,猜测可能是由于图表 webview 回弹效果造成,可以尝试禁用,也可以试试禁用webview的滚动。

1974892005 commented 1 year ago

找到问题了 好坑 dataZoom 这个属性 ┭┮﹏┭┮