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(); } }); }
发表评论
-
dataView 工具栏
2016-08-02 10:13 648http://echarts.baidu.com/echart ... -
js对字符串进行编码方法总结
2016-07-18 16:38 528在用javascript对URL字符串进行编码中,虽然esca ... -
==与===区别(两个等号与三个等号)
2016-06-17 16:55 9281、对于string,number等基础类型,==和===是有 ... -
jquery select取值,赋值操作
2016-03-31 17:24 513jquery select取值,赋值操作一、获取Select获 ... -
时间js
2016-02-16 16:48 572function DateUtil(){ this.url ... -
Spring+Websocket实现消息的推送
2016-01-31 15:59 2496本文主要有三个步骤 1、用户登录后建立websocket连接, ... -
jqgrid
2016-01-28 13:54 322待补待补待补待补 -
HTML5的WebSocket(待补)
2016-01-19 17:30 517认识HTML5的WebSocket 在HTML5规范中,我最喜 ... -
网站cookie.js
2016-01-19 09:34 419cookie.js jQuery.cookie = funct ... -
SVG--(待补)
2016-01-18 10:49 470SVG--(待补) -
prototype---(待补)
2016-01-15 14:58 429<html> <body> & ... -
template
2015-11-17 14:16 314(function(){ template = { ... -
jQuery的deferred对象详解
2015-11-17 09:15 389function getDatas(layerId){ v ... -
jQuery 阻止事件冒泡
2015-11-17 09:12 412http://www.cnblogs.com/jiqing90 ... -
typeof
2015-11-10 15:26 507JS中的变量是松散类型(即弱类型)的,可以用来保存任何类型的数 ... -
hashMap.js
2015-11-04 09:57 401function HashMap() { /** Map大 ... -
分页处理
2015-11-01 09:21 703select * from (SELECT rownum as ... -
前台传字符串导出word
2015-10-29 13:43 653package com.yunfengtech.common; ... -
隐藏,前台
2015-10-27 10:51 423$.ajax({ url:"../../s ... -
js对象定义
2015-10-23 17:18 531一,基本概念 1,自定 ...
相关推荐
ECharts省份地图数据合集。收录中国各个省份的地图JSON数据。ECharts省份地图数据合集。收录中国各个省份的地图JSON数据。ECharts省份地图数据合集。收录中国各个省份的地图JSON数据。ECharts省份地图数据合集。收录...
基于layUI模块规范改造的 echarts组件,测试完美,可用直接应用到自己的项目中 使用方法 layui.config({ base: '../../../layuiadmin/lib/' //静态资源所在路径(使用时,根据自己的结构改动) }).extend({ echarts...
为echarts-liquidfill插件下载不成功者提供! 1:将包拖入node-modules种解压 2:找到package-lock.json文件:加上以下代码: "echarts-liquidfill": { "version": "3.1.0", "resolved": ...
该资源主要是使用echarts+echarts-gl实现带有散点、路径的3d地球的简单示例代码 效果可见本人的一篇文章 https://blog.csdn.net/weixin_45669156/article/details/125932601?spm=1001.2014.3001.5502 文章提到的...
echarts
ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的...
Vue+Echarts监控大屏实例四:智慧农业监控模板实例,包括源码,开发文档、素材等。 使用vue-echarts实现监控大屏搭建,开发,实现对于监控界面的相关开发资料,提供实例源码、开发过程视频及实现过程。 高德地图并...
echarts
Echarts的大屏数据可视化集合数据可视化集合案例源码,包含会议展览、业务监控、风险预警、数据分析展示等多种展示需求可视化集合。(75+24套)数据可视化集合,75套数据可视化源码,24套数据可视化源码。Echarts的...
Jquery+Echarts监控大屏实例:服务大数据可视化监控平台模板,包括源码、素材等。 使用Jquery-echarts实现监控大屏搭建,开发,实现对于监控界面的相关开发,提供实例源码。 获取 ECharts 的路径有以下几种,请根据...
1.问题描述:在echarts弹框中嵌入echarts,在页面数据改变时,echarts视图不更新; 2.解决办法: 数据更新时以为drawLine()函数在updated()里面执行(这种情况之前碰到过),后来发现热更新之后视图更新了,所以跟...
echarts.simple.min.js 只包含基础图表 折 柱 饼 ECharts,一个纯 Javascript 的图表库。 ECharts提供了常规的折线图,柱状图,散点图,饼图,K线图,用于统计的盒形图,用于地理数据可视化的地图,热力图,线图,...
echarts~echarts-gl 配套版本文件
echarts4.8官方编译工程,包含离线文档、示例及在线编辑器,方便在内网环境开发echarts。已集成好示例 配置文档:zh/option.html,API文档:zh/api.html,教程:zh/tutorial.html,示例:examples/view.html,编辑器:...
Vue+Echarts监控大屏实例九:智慧园区监控模板实例,包括源码,开发文档、素材等。 使用vue-echarts实现监控大屏搭建,开发,实现对于监控界面的相关开发资料,提供实例源码、开发过程视频及实现过程。 高德地图并...
最近接了个任务需要用H5在前台两个大电视上做两页数据展示公司的产品数据,效果要高大上,还好之前接触过HTML5,所以第一时间想到就是echarts,这个框架对于数据展示尤其图表类处理的还是非常强大和炫酷的。...
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...
Vue3/ECharts5数据可视化(大屏展示)项目案例源码,一个基于 Vue3、Typescript、DataV、ECharts5 框架的大数据可视化(大屏展示)项目。此项目使用'.vue' 和 '.tsx' 文件实现界面,采用新版动态屏幕适配方案,全局...