HQChart使用教程60 - 解决uniapp-app页面隐藏后在显示白屏的问题

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

猜你喜欢

转载自blog.csdn.net/jones2000/article/details/105484202
今日推荐