如何动态创建或刷新图表

[shizuka0958]

业务中有个需求

1. 初始化时创建图表实例，但使用wx:if=false隐藏
2. 异步获取图表数据，然后changeData刷新图表数据，但是发现chart实例为null
   请问需要异步的获取数据后，创建或者刷新图表这种需求，正确的应该如何做？

[ChunrunHan]

请问，现在解决了吗？

[ChunrunHan]

加个延时ok

[ChunrunHan]

setTimeout(function(){
  chart.changeData(dataList); // 加载新数据
},1000)

[TSjianjiao]

定时器不保险吧，写个返回函数的函数就行了

let chart = {}
page({
    data: {
        opts:{
            onInit: () => {}
        },
        showChart: false
    },
    onLoad(options) {
       // 请求完成后再生成初始化函数 加载图表
      // 必须用wx：if控制图表 不然页面一加载就执行初始化了
       const func =  this.initChart(数据)
        this.setData({
            opts: {
                onInit: func
            },
            showChart: true
        })
    },
    initChart(data) {
       /// 返回一个初始化函数
        return function (canvas, width, height, F2) {
            chart = new F2.Chart({
                el: canvas,
                width,
                height
            });
            chart.source(data);
            // ,......
            chart.render();
            return chart;
        }
       
    }
})