echart动态生成标题

echart是一个商业级别的数据图标，一个纯JavaScript的图标库，下面是echart动态生成标题的实现方式

一.设置相关变量
        var monthId=[];
        var monthId1;
        var monthId2=[];
        var monthId3;
        var monthId4=[];
 二.  通过ajax获取相关数据进行处理
      $.ajax({
          type: "POST",
          url:ctx+"/aum/getNeAsInRa",
          dataType:"json",
          success:function(data){               
                // 基于准备好的dom，初始化echarts图表    
                //动态生成标题，数组转字符串

                //push（）方法可以向数组的末尾添加一个或是多个元素，并返回新的长度
                monthId2.push(data[0].month_id.substring(0,4))

                //join（）用法是把数组中所有的元素都放到一个字符串中，join方法可以用不同的分割符来构建这个字符串

                //join（）参数不传，默认逗号分隔
                var  monthId1 = monthId2.join()
                monthId4.push(data[0].month_id.substring(0,4)-1)
                var  monthId3 = monthId4.join()

                // 把字符串放入数组中
                monthId=[monthId1,monthId3]
       三.  把    monthId 放入echart的标题中，这样echart动态生成标题

        legend: {

                            orient:'horizontal',    
                               x: 'right',
                               data:monthId,
                                            },

效果图如下所示，其中2018和2017是动态随着时间的流逝而改变：