风向，NNE表示北西北，根据风向的定义，从方位角在337.5°±11.25°范围内吹来的风的风向都记为NNW。

2023-12-23 01:41
文章标签 定义 范围 表示 方位角 风向 西北 记为 11.25 nne 337.5 内吹来 nnw

本文主要是介绍风向，NNE表示北西北，根据风向的定义，从方位角在337.5°±11.25°范围内吹来的风的风向都记为NNW。，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

理论：

在气象观测中，风向是指风的来向，地面风向用十六个方位表示，在气象服务过程中一般用汉语表述，在专业领域用英文字母表示，分别是：北（N）、东北东（NNE）、东北（NE）、东东北（ENE）、东（E）、东东南（ESE）、东南（SE）南东南（SSE）、南（S）、南西南（SSW）、西南（SW）、西西南（WSW）、西（W）、西西北（WNW）、西北（NW）、北西北（NNW）。根据风向的定义，从方位角在337.5°±11.25°范围内吹来的风的风向都记为NNW。

图表：

风向表

 代码：

 /*** 绘制24小时数据的曲线图-风速+风向* @param {object}* fs* fx* paramData  */drawFengsuChart: function (fs, fx, paramData) {if (fs.length == 0) returnvar arrowSize = 12let option = {backgroundColor: "rgba(48, 65, 90, 1)",// title: {//     text:  '风向风速信息',//     left: 'center'// },grid: {top: 40,bottom: 80,// left: 30,// right: 20},tooltip: {trigger: 'axis',formatter: function (params) {var ws = params[0].value[1];if (!ws) {ws = "无数据";}var wd = params[0].value[2];if (wd == null) {wd = "无数据";} else {var num = (params[0].value[2] + 11.24) / 22.5;var index = Math.floor(num < 16 ? num : (num - 16));var list = ['N', 'NNE', 'NE', 'ENE', 'E', 'ESE', 'SE', 'SSE', 'S', 'SSW', 'SW', 'WSW', 'W', 'WNW', 'NW', 'NNW'];wd = list[index] + "," + params[0].value[2] + "°";}return [echarts.format.formatTime('yyyy-MM-dd', params[0].value[0]) +' ' + echarts.format.formatTime('hh:mm', params[0].value[0]),'风速：' + ws,'风向：' + wd].join('<br>');}},legend: {textStyle: {color: "#ffffff"},right: 10,top: 5,// top: '5%',// left: '50%',// selectedMode:false,//禁用点击data: ['风向(°)', '风速(m/s)']},xAxis: {type: 'time',// maxInterval: 3600 * 1000 * 24,splitNumber: 6,splitLine: {lineStyle: {color: '#ddd'}},axisLine: {onZero: false,show: true,lineStyle: {color: "#ffffff"},symbol: ['none', 'arrow']},axisLabel: {color: "#ffffff"},},yAxis: [{name: '风速(m/s)',splitLine: {lineStyle: {color: '#ddd'}},axisLine: {show: true,lineStyle: {color: "#ffffff"},},},{axisLine: {show: false},axisTick: {show: false},axisLabel: {show: false},splitLine: {show: false},nameTextStyle: {color: "#ffffff"},}],visualMap: {show: false,type: "piecewise",orient: "vertical",right: 140,// orient: "horizontal",// left: "center",bottom: 140,pieces: [{"lt": 11,"color": "#18BF12","label": "微风（<11节）"},{"gte": 11,"lt": 17,"color": "#f4e9a3","label": "中风（11~17节）"},{"gte": 17,"color": "#D33C3E","label": "大风（>=17节）"},],dimension: 1},series: [{type: 'custom',name: "风向(°)",renderItem: function (param, api) {var point = api.coord([api.value(0),api.value(1)]);return {type: 'path',shape: {pathData: 'M31 16l-15-15v9h-26v12h26v9z',x: -arrowSize / 2,y: -arrowSize / 2,width: arrowSize,height: arrowSize},rotation: -((Math.PI / 2) + (api.value(2) * Math.PI / 180)),position: point,style: api.style({stroke: '#555',lineWidth: 1})};},encode: {x: 0,y: 1},itemStyle: {normal: {color: "#F4E9A3",}},data: fx,z: 10},{type: 'line',name: "风速(m/s)",symbol: 'none',encode: {x: 0,y: 1},lineStyle: {normal: {color: '#FFAA44',type: 'solid'}},itemStyle: {normal: {color: "#FFAA44",}},data: fs,z: 1}]};let mainContainer = document.getElementById(paramData.echartId); //'guangxiHydro4'     //用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽const resizeMainContainer = function () {mainContainer.style.width = window.innerWidth + 'px';mainContainer.style.height = window.innerHeight * 0.5 + 'px';};//设置div容器高宽resizeMainContainer();// 初始化图表let myChart = echarts.getInstanceByDom(mainContainer); //有的话就获取已有echarts实例的DOM节点。if (myChart == null) { // 如果不存在，就进行初始化。myChart = echarts.init(mainContainer);}$(window).on('resize', function () { ////屏幕大小自适应，重置容器高宽resizeMainContainer();myChart.resize();});myChart.setOption(option);},

效果展示：

风向效果图

其它：

接口调取数据，下方是一些接口数据，

//fs:

[

['2023-11-27 01:00:00', 11.6, '东北'],

['2023-11-27 02:00:00', 11.6, '东北'],

['2023-11-27 03:00:00', 11.6, '东北'],

['2023-11-27 04:00:00', 11.1, '东北东'],

['2023-11-27 05:00:00', 11.6, '东北'],

['2023-11-27 06:00:00', 11.1, '东北东'],

['2023-11-27 07:00:00', 11.1, '东北东'],

['2023-11-27 08:00:00', 11.3, '东北东'],

['2023-11-27 09:00:00', 11.1, '东北东'],

['2023-11-27 10:00:00', 11.6, '东北'],

['2023-11-27 12:00:00', 11.6, '东北'],

['2023-11-27 13:00:00', 11.1, '东北东'],

['2023-11-27 14:00:00', 11.6, '东北'],

['2023-11-27 15:00:00', 11.1, '东北东'],

['2023-11-27 16:00:00', 11.1, '东北东'],

['2023-11-27 17:00:00', 11.3, '东北东'],

['2023-11-27 18:00:00', 11.7, '东北东'],

['2023-11-27 19:00:00', 11.3, '东北东'],

['2023-11-27 20:00:00', 11.7, '东北东'],

['2023-11-27 21:00:00', 11.1, '东北东'],

['2023-11-27 22:00:00', 11.7, '东北东'],

['2023-11-27 23:00:00', 11.3, '东北东'],

['2023-11-28 00:00:00', 11.7, '东北东']

]

//fx:

[

['2023-11-27 01:00:00', 11.6, 45],

['2023-11-27 02:00:00', 11.6, 45],

['2023-11-27 03:00:00', 11.6, 45],

['2023-11-27 04:00:00', 11.6, 45],

['2023-11-27 05:00:00', 11.6, 45],

['2023-11-27 06:00:00', 11.6, 45],

['2023-11-27 07:00:00', 11.6, 45],

['2023-11-27 08:00:00', 11.6, 45],

['2023-11-27 09:00:00', 11.5, 22.5],

['2023-11-27 10:00:00', 11, 22.5],

['2023-11-27 11:00:00', 11, 22.5],

['2023-11-27 12:00:00', 11, 22.5],

['2023-11-27 13:00:00', 11, 22.5],

['2023-11-27 14:00:00', 11.6, 45],

['2023-11-27 15:00:00', 11.6, 45],

['2023-11-27 16:00:00', 11.6, 45],

['2023-11-27 17:00:00', 11.6, 45],

['2023-11-27 18:00:00', 11.6, 45],

['2023-11-27 19:00:00', 11.3, 25],

['2023-11-27 20:00:00', 11.5, 22.5],

['2023-11-27 21:00:00', 11.5, 22.5],

['2023-11-27 22:00:00', 11.5, 22.5],

['2023-11-27 23:00:00', 11.5, 22.5],

['2023-11-28 00:00:00', 11.5, 22.5],

] 

//paramsData:

{nodeId: 'swiper-2', name: '风速/风向', iconUrl: 'icon_fengsu', unit: 'm/s', echartId: 'guangxiHydro2'} 

这篇关于风向，NNE表示北西北，根据风向的定义，从方位角在337.5°±11.25°范围内吹来的风的风向都记为NNW。的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/526280。

相关文章

使用Python合并 Excel单元格指定行列或单元格范围

使用Python合并 Excel单元格指定行列或单元格范围

《使用Python合并Excel单元格指定行列或单元格范围》合并Excel单元格是Excel数据处理和表格设计中的一项常用操作,本文将介绍如何通过Python合并Excel中的指定行列或单... 目录python Excel库安装Python合并Excel 中的指定行Python合并Excel 中的指定列P
阅读更多...
Spring 源码解读：自定义实现Bean定义的注册与解析

Spring 源码解读：自定义实现Bean定义的注册与解析

引言 在Spring框架中，Bean的注册与解析是整个依赖注入流程的核心步骤。通过Bean定义，Spring容器知道如何创建、配置和管理每个Bean实例。本篇文章将通过实现一个简化版的Bean定义注册与解析机制，帮助你理解Spring框架背后的设计逻辑。我们还将对比Spring中的BeanDefinition和BeanDefinitionRegistry，以全面掌握Bean注册和解析的核心原理。
阅读更多...
浙大数据结构：树的定义与操作

浙大数据结构：树的定义与操作

四种遍历 #include<iostream>#include<queue>using namespace std;typedef struct treenode *BinTree;typedef BinTree position;typedef int ElementType;struct treenode{ElementType data;BinTree left;BinTre
阅读更多...
类和对象的定义和调用演示(C++)

类和对象的定义和调用演示(C++)

我习惯把类的定义放在头文件中 Student.h #define _CRT_SECURE_NO_WARNINGS#include <string>using namespace std;class student{public:char m_name[25];int m_age;int m_score;char* get_name(){return m_name;}int set_name
阅读更多...
c++ 定义二位数组

c++ 定义二位数组

在 C++ 中，定义二维数组有几种常见的方式。以下是几个示例： 1. 静态二维数组 定义： int array[3][4]; 这里，array 是一个 3 行 4 列的整数二维数组。 初始化： int array[3][4] = {{1, 2, 3, 4},{5, 6, 7, 8},{9, 10, 11, 12}}; 2. 动态二维数组 使用指针和动态内存分配： 定义：
阅读更多...
从计组中从重温C中浮点数表示及C程序翻译过程

从计组中从重温C中浮点数表示及C程序翻译过程

目录 移码​编辑  传统浮点表示格式 浮点数的存储（ieee 754）->修炼内功 例子：   ​编辑 浮点数取的过程   C程序翻译过程 移码  传统浮点表示格式 浮点数的存储（ieee 754）->修炼内功 根据国际标准IEEE（电⽓和电⼦⼯程协会）  32位 例子：    64位    IEEE754对有效数字M和
阅读更多...
java类中定义接口的有哪些好处

java类中定义接口的有哪些好处

第一步：首先是是定义一个类，同时里面定义接口 public class Util { public interface Worker { void work(int a); } } 第二步：定义一个类去实现第一步类中定义的接口 public class Demo implements Worker { @Override public void work(int a) { System
阅读更多...
vue3 为组件的 emits 标注类型，defineEmits基于类型的定义的简单理解

vue3 为组件的 emits 标注类型，defineEmits基于类型的定义的简单理解

1）在 <script setup> 中，emit 函数的类型标注也可以通过运行时声明或是类型声明进行。 2）基于类型的： const emit = defineEmits<{ (e: 'change', id: number): void (e: 'update', value: string): void }>() 说明：e: 指定了方法名，id:数字型的参数，这个就是限定了方法名及
阅读更多...
python 字符串的定义和操作方法

python 字符串的定义和操作方法

str='  why is money  ' # 获取字符串对应索引的值 print(f"{str[0]}") print(f"{str[-1]}") #获取对应字符元素的数量 num=str.count('y') print(f"字符y的数量：{num}") #对应元素所在的索引 index=str.index("is") print(f"{index}")
阅读更多...
医院检验系统LIS源码，LIS系统的定义、功能结构以及样本管理的操作流程

医院检验系统LIS源码，LIS系统的定义、功能结构以及样本管理的操作流程

本文将对医院检验系统LIS进行介绍，包括LIS系统的定义、功能结构以及样本管理的操作流程方面。 LIS系统定义 LIS系统（Laboratory Information System）是一种专门为临床检验实验室开发的信息管理系统，其主要功能包括实验室信息管理、样本管理、检验结果管理、质量控制管理、数据分析等。其主要作用是管理医院实验室的各项业务，包括样本采集、检验、结果录入和报告生成等。Li
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2