Echarts 动态加载数据

Question

麻烦问下各位大神我这个刷新柱状图为啥不能更新数据呢？？

function setporjectstartbar(qxcode,cssname,types){
createstartbar(types);
}

function createstartbar(types){

var myChart = echarts.init(document.getElementById('projectstart'),cssnames);
myChart.showLoading({text: '正在努力的读取数据中...'  });

var option = {
    title : {
        text: '项目状态',
        subtext: ''
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        data:[]
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: false},
            dataView : {show: true},
            magicType : {show: true, type: ['line', 'bar']},
            restore : {show: false},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
            type : 'category',
            data : []
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'项目量',
            type:'bar',
            data:[],//2.0, 4.9, 7.0, 23.2, 25.6
            barWidth: '50%',
            markPoint : {
                data : [
                    {type : 'max', name: '最大值'},
                    {type : 'min', name: '最小值'}
                ]
            },
            markLine : {
                data : [
                    {type : 'average', name: '平均值'}
                ]
            }
        }
    ]
};
myChart.setOption(option);
var url = $("#urls").val();
$.ajax({
      type : "POST",
      url : url+"/us",
      async:true,
      contentType:"application/x-www-form-urlencoded;charset=utf-8",
      data:{stypes:"2",qxcode:qxcodes},
      success : function(data){
        alert(data);
        //var dates = '{"date":[{"name":"待办项目","value":10},{"name":"在办项目","value":20},{"name":"办结项目","value":30}]}';
        var dates = data;
        var parsedJson = jQuery.parseJSON(dates);
        var label=[];
        var s1datevalue=[];
        $.each(parsedJson.date, function(idx, obj) {
            label[idx] = obj.name;
            s1datevalue[idx] = obj.value;
        });
        //myChart.setOption({        //加载数据图表
        //    xAxis: {
        //        data: label
        //    },
        //    series: [{
        //        data: s1datevalue
        //    }]
        //});
        option.series[0]['data']=s1datevalue;
        myChart.setOption(option);
        myChart.on('click', function (params) {
            var types = gettypes1(params.name);
            setporjecttopbar(qxcodes,cssnames,types);
        });
        myChart.hideLoading();
      },
      error : function(errorMsg) {
        alert("图表请求数据失败!");
        myChart.hideLoading();
      }
});

}

function gettypes1(names){
var types = "";
if(names.indexOf('待办')>=0){
types = "1";
}else if(names.indexOf('在办')>=0){
types = "2";
}else if(names.indexOf('办结')>=0){
types = "3";
}
return types;
}

Answer 1

option.series[0]['data']=s1datevalue;换成option.series[0].data=s1datevalue;试试。你得确保s1datevalue是有值的，然后你可以在控制台输出一下option，看看data是否有数据。