4
回答
Echart 用Ajax更新数据后,setOption,之前多余的数据在图表上没有被刷新掉。
【寻找人气王】邀新用户免费体验华为云服务,百元话费等你拿!   
Echart 用Ajax更新数据后,setOption,之前多余的数据在图表上没有被刷新掉。

比如说:第一次图表上显示了,如下数据

{"series0data":[3,3,3,4,1],"xAxis0data":["2014年 Q1","2014年 Q2","2014年 Q3","2014年 Q4","2015年 Q1"]}

第二次,我更新搜索条件后,用ajax访问,现在数据变成了,如下

{"series0data":[13,1],"xAxis0data":["2014年","2015年"]}

结果:第二次的数据被显示出来的,但是还残余第一次的数据在图表上,搞了好久没好用,心都碎了

残留数据的报表图如下,求高人指点

问题:数据更新后,也setOption了,咋能让图表刷新呢,把之前的残余数据不显示出来?跪求高人

$.ajax({
                        type : "POST",
                        url : url3,
                        dataType : "json",
                        data: content3,
                        contentType: "application/json",
                        async : true,
                        success : function(msg) {
                                if(msg.ordered_series0data != ''){
                                  thirdOption.series[0].data =msg.ordered_series0data;
                                  thirdOption.xAxis[0].data =msg.ordered_xAxis0data;
                                  thirdOption.series[1].data =msg.saled_series0data;
                                  //thirdOption.xAxis[1].data =msg.saled_xAxis0data;
                                  thirdEchart.setOption(thirdOption);
                                  thirdEchart.hideLoading();
                                  $("#noDataId").hide();
                                  $("#chart_2_id").show();
                                }else{
                                        $("#noDataId").show();
                                        $("#chart_2_id").hide();
                                }
                        }
                });




举报
tcoe
发帖于3年前 4回/2K+阅
顶部