神策 Android 弹窗 SDK[1] 次要针对的就是上述经营场景，经营人员能够在神策智能经营中配置弹窗的 UI 以及触发弹窗的一些条件，当用户满足配置的条件时，集成了弹窗 SDK 的 App 会展现弹窗。UI 成果如图 1-1 所示：

两个按钮，点击按钮A，弹出弹窗，在弹窗的弹出回调中根据按钮功能请求数据，然后获取弹窗中的echarts容器，调用echarts的init方法，得到echarts实例，然后配置option，最后调用setOption方法渲染，折线图显示正常，然后关闭弹窗，点击按钮B,重复上面的步骤，但是最后渲染出来的折线图错乱。

核心在于使用React的接口React.createPortal(element, domContainer)。该接口将element渲染后的DOM节点嵌入domContainer(通常是document.body)，并保证只嵌入一次。

使用 window.open 进行弹窗显示，实现微信二维码弹窗功能在双屏情况下，chrome浏览器位于副屏弹窗时，会存在弹窗位置异常问题。目前网上相关解析及解决方案几乎没有，故写此文章以作分享。