HQChart使用教程60 - 解决uniapp-app页面隐藏后在显示白屏的问题
问题描述:
第1次app打开K线页面是可以正常显示,然后切换到其他页面, 再切换到K线页面就不能显示出来了。
解决方法:
每次页面隐藏退出的时候把hqchart示例清空, 每次页面显示的时候重新初始化hqchart实例
部分代码:
onReady() //把原来初始化hqchart的代码 迁移到onShow()里面, 这样每次显示都可以初始化。
{
//this.OnSize();
//this.CreateKLineChart();
//this.CreateMinuteChart()
},
onShow() //每次显示初始化hqchart实例
{
this.OnSize();
//this.CreateKLineChart(); //显示K线图
this.CreateMinuteChart(); //显示分时图
},
onHide() //隐藏的时候 停止定时器和清空hqchart的实例
{
if (g_KLine.JSChart)
{
g_KLine.JSChart.StopAutoUpdate();
g_KLine.JSChart=null;
}
if(g_Minute.JSChart)
{
g_Minute.JSChart.StopAutoUpdate();
g_Minute.JSChart=null;
}
},
onUnload() //退出的时候 停止定时器和清空hqchart的实例
{
if (g_KLine.JSChart)
{
g_KLine.JSChart.StopAutoUpdate();
//如果是WS 需要关闭WS
g_KLine.JSChart=null;
}
if(g_Minute.JSChart)
{
g_Minute.JSChart.StopAutoUpdate();
//如果是WS 需要关闭WS
g_Minute.JSChart=null;
}
},
完整的示例代码 hqchart-uniapp-app示例下载
如果还有问题可以加交流QQ群: 950092318
HQChart代码地址
地址:github.com/jones2000/HQChart