`

echarts

阅读更多
function predictWeather(obj,obj2){   
   var weather_time = [];
   var weather_temp = [];
   var delta = obj2;
   var chart = obj;
   
   //var chart = document.getElementById(chartdiv);
   var echart = echarts.init(chart);
   echart.showLoading({  
       text: '加载中...'  
   }); 
	var opts = {
			cmd : "queryWeatherPredict",
			weatherPredict :{}
		};
		$.ajax({
			url:urlvalue+"publicData",
			data: $.toJSON(opts),
			type:"post",
			dataType:"json",
			success:function(data) {
				for(var j=0;j<data.weatherPredictList.length;j++){
					   weather_time[j] = j;
					   weather_temp[j] = data.weatherPredictList[j].temperture;
					   //weather_temp[j] = weatherPredictList[j].temperture+delta;
				   }
				option = {
						//  tooltip : {
						 //   trigger: 'axis'
						 // },
                                              tooltip : {
				                 trigger: 'axis',
				                 formatter: "时间:{b} <br/> 温度:{c}°C"
				                  },
						  toolbox: {
						    show : true
						  },
						  calculable : true,
						  xAxis : [
						    {
						      type : 'category',
						      boundaryGap : false,
						      data : weather_time
						    }
						  ],
						  yAxis : [
						    {
						      type : 'value',
						      axisLabel : {
						        formatter: '{value}°C'
						      }
						    }
						  ],
			            grid:{
				             y:15,
				             x:35,
				           	 y2:20,
				           	 x2:7
			            },
						  series : [
						    {
						      name:'气温',
						      type:'line',
						      data:weather_temp,
						      markPoint : {
						        data : [
						          {type : 'max', name: '最大值'},
						          {type : 'min', name: '最小值'}
						        ]
						      }
						    }
						  ]
						};
				          
				        echart.setOption(option);  
				        echart.hideLoading();  
			}
		}); 	                    
}
分享到:
评论

相关推荐

    ECharts省份地图数据合集.zip

    ECharts省份地图数据合集。收录中国各个省份的地图JSON数据。ECharts省份地图数据合集。收录中国各个省份的地图JSON数据。ECharts省份地图数据合集。收录中国各个省份的地图JSON数据。ECharts省份地图数据合集。收录...

    echarts.min.js

    基于layUI模块规范改造的 echarts组件,测试完美,可用直接应用到自己的项目中 使用方法 layui.config({ base: '../../../layuiadmin/lib/' //静态资源所在路径(使用时,根据自己的结构改动) }).extend({ echarts...

    echarts-liquidfill水滴图插件包3.1.0版本

    为echarts-liquidfill插件下载不成功者提供! 1:将包拖入node-modules种解压 2:找到package-lock.json文件:加上以下代码: "echarts-liquidfill": { "version": "3.1.0", "resolved": ...

    echarts+echarts-gl实现带有散点、路径的3d地球

    该资源主要是使用echarts+echarts-gl实现带有散点、路径的3d地球的简单示例代码 效果可见本人的一篇文章 https://blog.csdn.net/weixin_45669156/article/details/125932601?spm=1001.2014.3001.5502 文章提到的...

    apache-echarts-4.9.0-incubating-src.zip

    echarts

    使用echarts实现立体-柱状图

    ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的...

    Vue+Echarts监控大屏实例四:智慧农业监控模板实例

    Vue+Echarts监控大屏实例四:智慧农业监控模板实例,包括源码,开发文档、素材等。 使用vue-echarts实现监控大屏搭建,开发,实现对于监控界面的相关开发资料,提供实例源码、开发过程视频及实现过程。 高德地图并...

    Echarts-echarts.js

    echarts

    Echarts大屏数据可视化集合数据可视化集合案例源码 .zip

    Echarts的大屏数据可视化集合数据可视化集合案例源码,包含会议展览、业务监控、风险预警、数据分析展示等多种展示需求可视化集合。(75+24套)数据可视化集合,75套数据可视化源码,24套数据可视化源码。Echarts的...

    JQ+Echarts监控大屏实例:服务大数据可视化监控平台模板,监控大屏、模板

    Jquery+Echarts监控大屏实例:服务大数据可视化监控平台模板,包括源码、素材等。 使用Jquery-echarts实现监控大屏搭建,开发,实现对于监控界面的相关开发,提供实例源码。 获取 ECharts 的路径有以下几种,请根据...

    解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)

    1.问题描述:在echarts弹框中嵌入echarts,在页面数据改变时,echarts视图不更新; 2.解决办法: 数据更新时以为drawLine()函数在updated()里面执行(这种情况之前碰到过),后来发现热更新之后视图更新了,所以跟...

    echarts.simple.min.js

    echarts.simple.min.js 只包含基础图表 折 柱 饼 ECharts,一个纯 Javascript 的图表库。 ECharts提供了常规的折线图,柱状图,散点图,饼图,K线图,用于统计的盒形图,用于地理数据可视化的地图,热力图,线图,...

    echarts~echarts-gl 配套版本文件

    echarts~echarts-gl 配套版本文件

    echarts-doc-4.8.zip

    echarts4.8官方编译工程,包含离线文档、示例及在线编辑器,方便在内网环境开发echarts。已集成好示例 配置文档:zh/option.html,API文档:zh/api.html,教程:zh/tutorial.html,示例:examples/view.html,编辑器:...

    Vue+Echarts监控大屏实例九:智慧园区监控模板实例

    Vue+Echarts监控大屏实例九:智慧园区监控模板实例,包括源码,开发文档、素材等。 使用vue-echarts实现监控大屏搭建,开发,实现对于监控界面的相关开发资料,提供实例源码、开发过程视频及实现过程。 高德地图并...

    HTML5图表框架echarts实战项目(50套源码),大数据平台展示可视化效果

    最近接了个任务需要用H5在前台两个大电视上做两页数据展示公司的产品数据,效果要高大上,还好之前接触过HTML5,所以第一时间想到就是echarts,这个框架对于数据展示尤其图表类处理的还是非常强大和炫酷的。...

    38源码数据可视化:基于 Echarts + Python 动态实时大屏 - 全国图书零售监测数据.zip

    1. 前后端分离:前端 Echarts JavaScript BootStrap; 后端Python Flask; 2. 数据动态更新:服务端触发数据源的变化,前端AJAX自动获取最新数据并渲染到Echarts图表上; 3. 数据格式:JSON; 更多Python&Echarts版...

    字符云 echarts-wordcloud-master

    字符云 echarts-wordcloud-master字符云 echarts-wordcloud-master字符云 echarts-wordcloud-master字符云 echarts-wordcloud-master字符云 echarts-wordcloud-master字符云 echarts-wordcloud-master字符云 echarts...

    Vue3/ECharts5数据可视化大屏展示项目案例源码.zip

    Vue3/ECharts5数据可视化(大屏展示)项目案例源码,一个基于 Vue3、Typescript、DataV、ECharts5 框架的大数据可视化(大屏展示)项目。此项目使用'.vue' 和 '.tsx' 文件实现界面,采用新版动态屏幕适配方案,全局...

Global site tag (gtag.js) - Google Analytics