echart重新加载,清除原来记录

本文介绍了一种使用ECharts结合Ajax动态加载日期统计数据的方法。通过POST请求获取服务器上的数据,然后更新ECharts图表的数据源,实现图表动态展示的效果。
        var dateChart = echarts.init(document.getElementById('dateChart'));
	$.ajax({
               url:url,
               type: "POST",
               data:{"queryDate":queryDate},
               dataType: "json",
               success: function(data){
                    	     countByDate = [0,0,0,0,0,0,0,0,0];
 	   	   	     dateChart.setOption({
	   	   	                   series : {
	   	   				      data:countByDate
	   	   				    }
	   	   		       });
                },
                error:function(data, XMLHttpRequest, textStatus, errorThrown){
                }

           });

你是一名微信小程序开发工程师,请设计一个微信小程序,该小程序包括以下7点功能,并提供功能实现的代码: 功能1:对接中移物联ONENET平台,每10秒钟通过API调用获取3个设备(A、B、C)数据流的属性记录,每个设备包含电压、电流、温度、漏电流等4个属性,每个属性获取最近30条数据记录。 功能2:将功能1中获取到的电压、电流、温度、漏电流等数据,分别存放于每个设备的dy、dl、wd、ldl数组中。 功能3:在小程序首页展示3个设备的图片,及其最新的电压、电流、温度、漏电流的数值,当温度值超过60度时则数值标红显示、漏电流超过50mA时则数值标红显示;另外可通过点击设备图片可跳转到每个设备单独的页面。 功能4:在每个设备单独的页面中,将功能2存放在数组中的数据记录,通过echart折线图的方式呈现在页面上,其中电压、电流、温度、漏电流分别绘制独立的折线图。每隔10秒刷新一次,或用户下拉页面的时候实时刷新。 功能5:具有报警功能页面,报警记录的数据来源于APP.JS中。例如某设备存放wd数组中的温度值超过60时,或存放ldl数组超过50时,在告警事件页面生成相关告警记录并展示。未确认的记录对应的按钮为红色,按钮中的文字为“待确认”,当用户在页面上点击“待确认”按钮后,该条记录的按钮变为绿色,按钮中的文字变为“已确认”。另外每条告警记录还有个重置按钮,点击重置按钮后,该条告警记录重置为“待确认”状态。报警功能页面和小程序首页通过底部的tarbar进行切换。 功能6:将所有未确认的告警记录数量,以小红圈带数字的提醒呈现于报警的tarbar图标右上方;针对每个设备的未确认告警记录数量,以小红圈带数字的提醒呈现于带首页设备卡片的右上方。小红圈中的数字随着告警记录的最新确认情况实时更新,当所有告警都确认后则清除小红圈提示。 功能7:所有设备单独页面,均可通过页面上的返回按钮返回小程序首页。
最新发布
09-16
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值