Closed 1974892005 closed 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, } }} />
无法复现该问题,请提供可独立运行的单页面文件 demo。
demo
另外,猜测可能是由于图表 webview 回弹效果造成,可以尝试禁用,也可以试试禁用webview的滚动。
webview
找到问题了 好坑 dataZoom 这个属性 ┭┮﹏┭┮
react-native-echarts-pro【1.8.7】 react-native version【0.70.1】 react-native-webview 【11.23.1】 Platform【ios】 System【14 pro 】