search

eyelly-wu / taro-echarts

适用于 Taro 项目的 ECharts 图表组件，欢迎提 PR
MIT License
41 stars 10 forks source link

页面返回，echart消失了 #3

Open onlyxhb opened 5 years ago

onlyxhb commented 5 years ago

我跳转到新页面再返回，结果echart饼图不见了

onlyxhb commented 5 years ago

我在Swiper轮播中写的Chart image

eyelly-wu commented 5 years ago

@Xonlystar 正常情况下，返回页面的图标不会显示的，你的是h5还是小程序出现这个问题

onlyxhb commented 5 years ago

h5，在安卓上面浏览的，点击跳到下一页面，然后全面屏手势左滑返回，echart图表直接消失不见

eyelly-wu commented 5 years ago

@Xonlystar 方便贴下完整点的示例代码么

CraKeyBoy commented 5 years ago

页面返回，遇到这样的问题。There is a chart instance already initialized on the dom！，估计是一样的。

eyelly-wu commented 5 years ago

@CraKeyBoy 不知道你是什么情形下遇到的，我这边复现不了

CraKeyBoy commented 5 years ago

是这样的，在一个页面创建一个图表，然后从当前页面导航到其他页面。然后返回（navigateTo）回来。发现之前页面的图表不显示了。我目前这样解决的，跳转的时候 使用（redirectTo）销毁当前页面。

eyelly-wu commented 5 years ago

@CraKeyBoy 通过redirectTo来返回页面导致图表消失的问题已经解决了 @Xonlystar 你可以更下版本看你的问题解决没

onlyxhb commented 5 years ago

我是给这个chartId绑定一个随机的字符串解决了这个问题。页面返回的时候都会触发render 函数，这样就相当于重新渲染了echarts

eyelly-wu commented 5 years ago

@Xonlystar 如果是Taro.navigateBack来返回的话，返回的页面不会触发render，如果通过redirectTo来返回的话就在页面上存在多个一样的dom节点，所以会出问题。现在chartId这个属性已废弃掉了

onlyxhb commented 5 years ago

嗯，我跳转用的是 Navigator组件跳转，返回是全面屏的手势返回，它会触发render。 我刚刚升级了新版本，也移除了chartId，现在已经正常了。感谢