`

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~echarts-gl 配套版本文件

    ECharts 是一个基于 JavaScript 的数据可视化库,它提供丰富的图表类型,如柱状图、折线图、饼图等,并支持在网页上动态渲染大型数据。ECharts 的优点包括易于使用、性能优秀、兼容多种浏览器,且具有良好的交互功能...

    echarts-5.3.0 最新echarts包

    ECharts 5.3.0 是该库的一个版本,提供了丰富的图表类型、精美的图表设计以及强大的交互功能,是前端开发人员进行数据可视化的得力工具。在这个版本中,我们可能会发现一些性能优化、新特性、bug修复以及对旧版本的...

    echarts.min.js, echarts插件

    ECharts 是一个基于 JavaScript 的数据可视化库,由百度开发并维护。它提供了丰富的图表类型,如柱状图、折线图、饼图、散点图等,并支持地图、仪表盘等复杂图形。`echarts.min.js` 文件是 ECharts 的压缩版库文件,...

    echarts结合echarts-gl实现3D飞线地球可视化

    而ECharts-GL是ECharts的一个扩展,专门为大型数据集和3D可视化设计,使得在Web上实现高级三维图表成为可能。 本案例主要关注的是如何利用ECharts和ECharts-GL来实现3D飞线地球可视化。首先,你需要确保已安装...

    下载Echarts地图资源包

    ECharts是一款由百度开发的,基于JavaScript的数据可视化库,它以直观、生动的方式展示数据,广泛应用于网页制作、数据分析等领域。在本资源包中,"下载Echarts地图资源包" 提供了ECharts用于绘制全国各省市区地图的...

    echarts-src-4.8.0 源码以及 echarts-doc-4.8文档二合一文档包,方便大家进行开发

    ECharts 是一个基于 JavaScript 的数据可视化库,广泛应用于前端开发领域。这个压缩包"echarts-src-4.8.0 源码以及 echarts-doc-4.8 文档二合一文档包"提供了 ECharts 4.8.0 版本的完整源代码和详细文档,对于开发者...

    echarts-2.2.7.rar

    ECharts是一款由百度开源的,基于JavaScript的数据可视化库,它以直观、生动的方式展示数据,广泛应用于网页报表、仪表盘等场景。ECharts 2.2.7是该库的一个版本,提供了丰富的图表类型和强大的交互功能。在这个版本...

    echarts世界geojson数据

    ECharts是一款由百度开源的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,适用于各种Web数据可视化场景。在“echarts世界geojson数据”这个主题中,主要涉及到的是ECharts如何利用GeoJSON数据来展示全球...

    echarts-5.4.3.zip

    ECharts 5.4.3 版本是其众多版本中的一个,通常每个新版本都会带来性能优化、新功能添加以及已知问题的修复。 在 ECharts 5.4.3 版本中,你可以期待以下关键知识点: 1. **数据可视化**:ECharts 的核心功能就是将...

    echarts.js文件

    ECharts是一款由百度开源的、基于JavaScript的数据可视化库,它以直观、生动的方式展示数据,广泛应用于网页数据图表的绘制。ECharts.js是ECharts的主要实现文件,包含了完整的功能和API,供开发者在Web项目中集成和...

    Echarts连接数据库实例

    在本实例中,我们探讨如何使用Echarts这个强大的前端数据可视化库来连接数据库,并通过Java Web和MySQL数据库实现数据的动态展示。Echarts是由百度开发的一款基于JavaScript的开源图表库,支持丰富的图表类型,如...

    echarts-convert脚本

    **echarts-convert脚本详解** `echarts-convert`是一个专门为ECharts图表库设计的脚本工具,它主要用于帮助开发者将ECharts的配置项转换为更易读、易维护的代码结构。ECharts是一款由百度开发的开源JavaScript图表...

    推荐了多个详细的echarts资源

    Echarts 资源大汇总 Echarts 是一个基于 JavaScript 的数据可视化图表库,由百度株式会社开发和维护,可以轻松地在网页中添加交互式的图表。下面是推荐的多个详细的 Echarts 资源,旨在帮助开发者快速上手 Echarts ...

    echartsapi.zip

    ECharts是一款由百度开源的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,如柱状图、折线图、饼图、散点图等,并且支持地图、热力图等多种复杂图表,适用于Web端的数据展示。`echartsapi.zip`这个压缩包...

    echarts3D地球素材

    **ECharts 3D地球素材详解** ECharts是一款由百度开发的开源JavaScript数据可视化库,它基于HTML5 Canvas,能够创建丰富的交互式图表和可视化应用。在ECharts 3D中,用户可以构建出立体、动态的3D图表,其中包括3D...

    echarts需要的js文件为dist目录下的echars.js或echarts.min.js

    ECharts是一款由百度开源的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,美观的视觉效果,以及强大的交互性。在使用ECharts时,我们主要依赖于其发布的压缩包中的两个核心JavaScript文件:`echarts.js`...

    echarts最新中国地图jsjson数据文件.zip

    ECharts是一款由百度开源的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,如柱状图、折线图、饼图、散点图等,并且支持地图图表,其中包括中国地图。"echarts最新中国地图jsjson数据文件.zip"这个压缩包...

    Echarts图表 .net 封装 Dll 带源码

    ECharts 是一个基于 JavaScript 的开源可视化库,由百度开发,广泛应用于 Web 数据可视化场景,如折线图、柱状图、饼图等。本资源是一个针对 ECharts 的 .NET 封装 DLL,提供了 C# 或 VB.NET 开发者在 .NET 环境下...

    ECharts_v3.0

    ECharts是一款由百度开源的,基于JavaScript的数据可视化库,它以直观、生动的方式展示数据,广泛应用于Web应用中。ECharts_v3.0是ECharts的第三个主要版本,相较于之前的版本,它在功能、性能和易用性上都有显著...

    新版echarts5.3.2离线文档

    ECharts 是一个由百度开发的开源JavaScript数据可视化库,它提供了丰富的图表类型,如柱状图、折线图、饼图、散点图等,并且支持地图、热力图等多种复杂图表。ECharts 5.3.2是该库的一个新版本,带来了许多更新和...

Global site tag (gtag.js) - Google Analytics