echarts 动态设置标题_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,

},

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