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是动态随着时间的流逝而改变: