echarts实现七天天气预报

效果图

在这里插入图片描述

实现代码
const imglist = {"晴": 'data:image/png;base64,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',"小雨": "data:image/png;base64,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","阴": "data:image/png;base64,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","多云": "data:image/png;base64,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"
};
const img = 'data:image/png;base64,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';
const maxTemp = ["16.3", "16.2", "20.6", "14.2", "17.6", "15.7", "14.3"];
const minTemp = ["-5.4", "-2.8", "-3.5", "-2.5", "12.4", "-1.2", "-13"];const weekday = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"];
const daylist = ["25日", "26日", "27日", "28日", "29日", "30日", "31日"];
const weatherlist = ["小雨", "小雨", "阴", "小雨", "多云", "小雨", "小雨"];
//数据转换成rich对象
let style = weatherlist.map((i) => {return {backgroundColor: {image: imglist[i]},height: 40,width: 40}
});let rich = {}
style.forEach((i, index) => {rich[index] = i;
});
rich.b = {// color: 'white',fontSize: 12,lineHeight: 30,height: 20
};option = {backgroundColor: "#fff",title: {text: "7天天气预报",left: "5%",show: false},tooltip: {trigger: "axis",axisPointer: {type: "shadow",shadowStyle: {color: "rgba(99,166,253,0.1)"},shadowBlur: 10},formatter: function (params) {let str = weekday[params[0].dataIndex] + "," + params[0].name + "<br />";params.forEach((item, index) => {console.log(item);str += `${item.marker}${item.seriesName}: ${item.data}<br />`;if (index == params.length - 1) {str += `${item.marker}天气:${weatherlist[item.dataIndex]}<br />`;}});return str;}},legend: {show: false},grid: {show: true,backgroundColor: "transparent",opacity: 0.3,borderWidth: "0",top: "20%",bottom: "20%"},toolbox: {show: false,right: "5%",feature: {magicType: {type: ["line", "bar", "stack"]},dataZoom: {yAxisIndex: "none"},restore: {},saveAsImage: {}}},xAxis: [// 日期{type: "category",boundaryGap: false,position: "top",offset: -50,zlevel: 100,axisLine: {show: false},axisTick: {show: false},axisLabel: {interval: 0,formatter: ["{a|{value}}"].join("\n"),rich: {a: {// color: 'white',fontSize: 18}}},nameTextStyle: {},data: daylist},// 星期{type: "category",position: "bottom",offset: -50,boundaryGap: false,zlevel: 100,axisLine: {show: false},axisTick: {show: false},axisLabel: {interval: 0,formatter: ["{a|{value}}"].join("\n"),rich: {a: {// color: 'white',fontSize: 14}}},nameTextStyle: {fontWeight: "bold",fontSize: 19},data: weekday},// 天气图标{type: "category",boundaryGap: false,position: "top",offset: -120,zlevel: 100,axisLine: {show: false},axisTick: {show: false},axisLabel: {interval: 0,formatter: function (value, index) {return "{k|}\n{" + index + "| }\n{b|" + value + "}";},rich},nameTextStyle: {fontWeight: "bold",fontSize: 19},data: weatherlist}],yAxis: {show: false,type: "value",axisLabel: {formatter: "{value}" + "℃"},max: function (value) {return value.max + 20;},min: function (value) {return value.min - 20;}},series: [{name: "最高温度",type: "line",data: maxTemp,symbol: "emptyCircle",symbolSize: 10,showSymbol: true,smooth: true,},{name: "最低温度",type: "line",data: minTemp,symbol: "emptyCircle",symbolSize: 10,showSymbol: true,smooth: true,}]
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/536678.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

KingbaseV8R6单实例定时全量备份步骤

此场景为单机数据库节点内部备份&#xff0c;方便部署和操作&#xff0c;但备份REPO与数据库实例处于同一个物理主机&#xff0c;冗余度较低。 前期准备 配置ksql免密登录(必须) 在Kingbase数据库运行维护中&#xff0c;经常用到ksql工具登录数据库&#xff0c;本地免密登录…

Linux系统编程(六):进程(下)

参考引用 UNIX 环境高级编程 (第3版)嵌入式Linux C应用编程-正点原子 1. 进程与程序 1.1 main() 函数由谁调用&#xff1f; C 语言程序总是从 main 函数开始执行int main(void) int main(int argc, char *argv[]) // 如果需要向应用程序传参&#xff0c;则选择该种写法操作系…

C++ 比 C语言增加的新特性 2

1.C新增了带默认值参数的函数 1.1 格式 格式&#xff1a;返回值 函数名&#xff08;参数1初始值1&#xff0c;..........&#xff09;{} 例如&#xff1a;void function&#xff08;int a10&#xff09;{} 调用&#xff1a;不需要更改参数的值&#xff1a;function&#x…

文本编辑器:Sublime Text (安装+汉化)

下载 Sublime Text - Text Editing, Done Righthttps://www.sublimetext.com/Sublime Text官网 支持mac&#xff0c;Linux&#xff0c;Windows 安装 选择安装路径 next install 选择安装位置安装就行了 汉化 进入了主界面按 CTRLshiftp 输入install 选择第一个 弹窗就按确…

服务器扩容未生效、不成功:解决方法

记一次解决服务器扩容未生效的解决办法 老板&#xff1a;失忆啊&#xff0c;我花钱给服务器扩容了10000000G&#xff0c;但是数据库和mq都还是用不了&#xff0c;到底是不是服务器磁盘满了&#xff0c;你到底有没有查一下什么原因导致服务用不了啊。 失忆&#xff1a;老板您确…

概率论1:下象棋问题(3.5)

每日小语 时刻望着他人的眼色行事&#xff0c;是腾飞不了的。自己怎么想就积极地去做&#xff0c;这是需要胆量的。——广中平佑 题目 甲、乙二人下象棋&#xff0c; 每局甲胜的概率为a,乙胜的概率为b. 为简化问题&#xff0c;设没有和局的情况&#xff0c;这意味着a b1. 设想…

VR全景对普通人的生活有哪些好处?

许多普通人对VR全景还全然没有概念&#xff0c;这是因为VR全景虽然一直在快速发展&#xff0c;但目前为止也不过几年而已&#xff0c;但这发展的几年同样为我们普通人的生活带来了切实的改变和便利。VR全景技术为人们带来了沉浸感和真实感的体验&#xff0c;让我们感受到迥异于…

第十四章 集合(Set)

一、Set 接口&#xff08;P518&#xff09; 1. Set 接口基本介绍 &#xff08;1&#xff09;无序&#xff08;添加和取出的顺序不一致&#xff09;&#xff0c;没有索引。 &#xff08;2&#xff09;不允许重复元素&#xff0c;所以最多包含一个 null。 2. Set 接口的常用方法…

数据结构:KMP算法

1.何为KMP算法 KMP算法是由Knuth、Morris和Pratt三位学者发明的&#xff0c;所以取了三位学者名字的首字母&#xff0c;叫作KMP算法。 2.KMP的用处 KMP主要用于字符串匹配的问题&#xff0c;主要思想是当出现字符串不匹配时&#xff0c;我们可以知道一部分之前已经匹配过的的文…

【期刊周报1】医学好刊(SCI/SSCI/EI),含Top,领域广,接收快!

为了向广大学者朋友提供更优质的选刊服务&#xff0c;提高选刊质量&#xff0c;我处现开设周报专栏&#xff0c;以罗列我处合作的优质期刊~ 本期&#xff0c;小编给大家推荐的是医学领域相关的热门期刊&#xff0c;接收领域广&#xff0c;无预警&#xff0c;且在最新检索目录内…

Python遥感影像深度学习指南(2)-在 PyTorch 中创建自定义数据集和加载器

在上一篇 文章中,我们Fast.ai 在卫星图像中检测云轮廓,检测物体轮廓被称为语义分割。虽然我们用几行代码就能达到 96% 的准确率,但该模型无法考虑数据集中提供的所有输入通道(红、绿、蓝和近红外)。问题在于,深度学习框架(如 Keras、Fast.ai 甚至 PyTorch)中的大多数语…

redis哨兵+redis主从复制(在虚拟机centos的docker下)

1.安装docker Docker安装(CentOS)简单使用-CSDN博客 2.redis主从复制 redis主从复制(在虚拟机centos的docker下)-CSDN博客 3.编辑3个redis配置 cd /etc mkdir redis-sentinel cd redis-sentinel/ wget http://download.redis.io/redis-stable/sentinel.confcp sentinel.co…

【并发编程篇】读锁readLock()和写锁writeLock()

文章目录 &#x1f6f8;情景引入⭐解决问题 readLock()和writeLock()都是ReadWriteLock接口中定义的方法&#xff0c;用于获取读锁和写锁。 readLock()方法返回一个读锁&#xff0c;允许多个线程同时获取该锁&#xff0c;以进行并发读取操作。如果当前已有一个写锁或其他线程正…

GIT具体配置步骤详解

GIT配置具体步骤如下 SDK 使用 Repo 工具管理&#xff0c;拉取 SDK 需要配置安装 Repo 工具。 Repo is a tool built on top of Git. Repo helps manage many Git repositories, does the uploads to revision control systems, and automates parts of the development workf…

多维时序 | MATLAB实CNN-BiGRU-Mutilhead-Attention卷积网络结合双向门控循环单元网络融合多头注意力机制多变量时间序列预测

多维时序 | MATLAB实现CNN-BiGRU-Mutilhead-Attention卷积网络结合双向门控循环单元网络融合多头注意力机制多变量时间序列预测 目录 多维时序 | MATLAB实现CNN-BiGRU-Mutilhead-Attention卷积网络结合双向门控循环单元网络融合多头注意力机制多变量时间序列预测预测效果基本介…

ubuntu 22.04 安装mysql服务

完整内容&#xff1a; https://developer.aliyun.com/article/1260321 # 安装服务 sudo apt install mysql-server# 按向导设置root密码 sudo mysql_secure_installation# 使用设置的密码登录 sudo mysql -u root -p也可以使用工具登录&#xff0c;例如: navicat for mysql

协同工作php,PHPOA:灵活、高效、协同,让企业高效运转

原标题&#xff1a;PHPOA&#xff1a;灵活、高效、协同&#xff0c;让企业高效运转PHPOA系统作为一个管理系统&#xff0c;它的职责就是为企业高效运转而服务&#xff0c;以提高企业的办公效率为己任&#xff0c;减少不必要的资源浪费为责任。它保持高度的灵活性、高效性与协同…

ubuntu搭建php开发环境记录

2019独角兽企业重金招聘Python工程师标准>>> 这两天自己在阿里云上面买了一个ecs&#xff0c;系统选的是ubuntu16.04&#xff0c;第一件事就是先搭环境&#xff0c;这次准备使用lamp组合。 Apache安装 首先安装apache服务器&#xff0c;ubuntu下面使用apt-get来下载…

Web端H.265播放器研发解密

音视频编解码对于前端工程师是一个比较少涉足的领域&#xff0c;涉及到流媒体技术中的文本、图形、图像、音频和视频多种理论知识的学习&#xff0c;才能够应用到具体实践中&#xff0c;本团队在多媒体领域深耕两年多&#xff0c;才算是有一定产出&#xff0c;我们自研web播放器…

拳击 武术java父类,拳击是一种很有力量的武术类型

原标题&#xff1a;拳击是一种很有力量的武术类型拳击是一种很有力量的武术类型&#xff0c;拳击比赛策略有很多&#xff0c;围绳技术是其中之一。那么拳击比赛策略技巧有哪些呢&#xff1f;下面养生之道网为您解析拳击比赛策略技巧有哪些&#xff0c;看看吧。1、当拳手靠在围绳…