当前位置: 代码迷 >> Java Web开发 >> echarts 怎么动态的添加折线图中的series
  详细解决方案

echarts 怎么动态的添加折线图中的series

热度:570   发布时间:2016-04-14 20:56:53.0
echarts 如何动态的添加折线图中的series
如题  怎么添加 我写了添加函数 也是不行 求大神指点  在线等 急急急!!!!
series中的函数:
  series :function(){
    
     alert("1");
     var serie=[];
     var aa = collgename;
     for( var i=0;i < aa.length;i++){
     var item={
     name:aa[i],
     data:dataArr[i]
     };
     serie.push(item);
     };
     return serie;
     }()

***********************************************
赋值函数
lineCollgeHXOption.legend.data=collgename;
lineCollgeHXOption.xAxis[0].data = listyears;


for ( var a = 0; a < hxxm.length; a++){
lineCollgeHXOption.series[a].data = hxxm[a];
lineCollgeHXOption.series[a].name =collgename[a];
}
lineCollgeHXChart.hideLoading(); 
lineCollgeHXChart.setOption(lineCollgeHXOption );

**********************************************
数据是json 传 已经解析出来 取到的数据为list  
------解决思路----------------------
重新load 一下呢

    function loadCharts(echart){
        require(
                [
                    'echarts',
                    'echarts/chart/line',   // 按需加载所需图表,如需动态类型切换功能,别忘了同时加载相应图表
                    'echarts/chart/bar'
                ],
                function (ec) {
                    var transactionsChart = ec.init(document.getElementById('chart1'));
                    $(window).resize(function() {
                        transactionsChart.resize();
                    });

                    echart.toolbox = {
                        show : false,
                        feature : {
                            mark : {show: true},
                            dataView : {show: true, readOnly: false},
                            magicType : {show: true, type: ['line', 'bar']},
                            restore : {show: true},
                            saveAsImage : {show: true}
                        }
                    };
                    transactionsChart.setOption(echart);

                }
        );
    }

$.post("请求路径",{},function(data){
var echart = data; //  后台没有转换好series ,就在前端转series 
 loadCharts(echart);
});
  相关解决方案