多条折线图的mysql_Echarts动态加载多条折线图的实现代码

本文介绍了如何在网页上实现动态加载多条折线图,数据来源于MySQL。通过JavaScript函数serchQx获取不同参数的气象数据,并根据返回的JSON数据动态更新ECharts图表。代码涉及Echarts的初始化、数据处理、Series和Echarts对象的封装等。
摘要由CSDN通过智能技术生成

背景:动态加载多条折线图,折线图条数不确定

页面效果:

334a4dd6b0e91cb2814a9d38b12743a9.png

c357d113f247781261a8a45bee6cb99d.png

页面代码

//气象数据

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.p

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值