没有合适的资源?快使用搜索试试~ 我知道了~
首页Echarts动态加载多条折线图的实现代码
资源详情
资源评论
资源推荐

Echarts动态加载多条折线图的实现代码动态加载多条折线图的实现代码
主要介绍了Echarts动态加载多条折线图的实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参
考。一起跟随小编过来看看吧
背景:动态加载多条折线图,折线图条数不确定
页面效果:
页面代码
//气象数据
function serchQx(beginTime, endTime, str, parameter) {
$("#rr").html("");//将循环拼接的字符串插入下拉列表
var t = $("#imageParameter").val();
$
.ajax({
type : "POST",
data : {
"str" : str,
"beginTime" : beginTime,
"endTime" : endTime,
"parameter" : parameter,
"t" : t
},
url : "${pageContext.servletContext.contextPath}/dataAnalysis/serch.action",
success : function(result) {
var aa = [];
var tmp=[];
if (parameter == 1) {
aa.push('单位(℃)');
//option.yAxis[0].name = aa;
} else if (parameter == 2) {
aa.push('单位(%)');
//option.yAxis[0].name = aa;
} else if (parameter == 3) {
aa.push('单位(KPa)');
//option.yAxis[0].name = aa;
} else if (parameter == 4) {
aa.push('单位(w/㎡)');
//option.yAxis[0].name = aa;
} else if (parameter == 5) {
aa.push('单位(mm)');
//option.yAxis[0].name = aa;
} else if (parameter == 6) {
aa.push('单位(m/s)');
//option.yAxis[0].name = aa;
}
//处理数据
//将从后台接收的json字符串转换成json对象
var jsonobj = eval("(" + result + ")");
//给图标标题赋值
//option.legend.data = jsonobj.legend;
//读取横坐标值
//option.xAxis[0].data = jsonobj.axis;
var series_arr = jsonobj.series;
//驱动图表生成的数据内容,数组中每一项代表一个系列的特殊选项及数据
for (var i = 0; i < series_arr.length; i++) {
var datas=[];
for(var j=0;j<series_arr[i].data.length;j++){
var n=series_arr[i].data[j];
var time=series_arr[i].time[j];
var data=[time,n];
datas.push(data);
}
//转换Series
temp = {
name: series_arr[i].name,
type: "line",
data: datas
};
tmp.push(temp)
//option.series.push(temp);
}


















安全验证
文档复制为VIP权益,开通VIP直接复制

评论0