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是動態隨着時間的流逝而改變：