echats异步数据加载失败

echats异步数据加载

在做echats异步数据的时候遇到一个坑，特此记录。echats加载数据默认是静态的，这个老年人的数据怎么可能满足我们呢？此处采用ajax数据，（遇坑）。

网页初始加载的时候js默认全部加载，但是，ajax并没有把数据加载进去，ajax加载慢着一点。所以解决的问题办法就是在ajax成功的时候再进行对echats数据进行绑定。

    //封装函数
    function zxt(name,da){
        var myChart = echarts.init(document.getElementById("main5"));
        //指定图表的配置项和数据

        var option = {
            //标题
            title: {
                text: '科目/分数值'
            },
            //工具箱
            //保存图片
            toolbox: {
                show: true,
                feature: {
                    saveAsImage: {
                        show: true
                    }
                }
            },
            //图例-每一条数据的名字叫销量
            legend: {
                data: ['分数']
            },
            //x轴
            xAxis: {
                data: name
            },
            //y轴没有显式设置，根据值自动生成y轴
            yAxis: {},
            //数据-data是最终要显示的数据
            series: [{
                name: '分数',
                type: 'line',
                data: da
            }]
        };
        //绑定参数
        myChart.setOption(option);
    }
    var da=[]
    $.ajax({
        url:'{:url("data")}'
        ,data:{}
        ,type:'post',
        success:function (e){
        //调用封装函数
            zxt(e[0],e[1])
            console.log(da)
        },
        error:function (res){
            console.log(res)
        }
    })`