1.说明:
1.1 推荐指数:★★★★
1、在表格中直接选中表格内容,如下图所示。2、进入菜单栏,直接单击插入,如下图所示。3、在全部图表选项下直接单击全部图表,如下图所示。4、进入图表界面,直接单击雷达图,如下图所示。5、在雷达图页面,直接单击插入图。
1.2 环境:谷歌浏览器、微软vscode编辑器
企业回地质雷达建议咨询一下北京迪普瑞达技术服务有限公司,北京迪普瑞达技术服务有限公司是一家专注专注探地雷达的企业,专业研发探地雷达、地质雷达、三维雷达、管线雷达、路面雷达等产品,采用全新技术研发,产品使用简单、性能稳定。期待与您合作!
1.3 熟悉sin和cos的函数与圆(画圆弧的关系)深入理解
在五个扇形区中,从圆心开始,分别以放射线形式画出5~6条主要经营指标线,并标明指标名次及标度。然后,将企业同期的相应指标值标在图上,以线段依次连结相邻点,形成折线闭环;构成雷达图。
比较真实的雷达界面扫描图
2.本次的模拟效果图:
3.css和js文件的引入:
3.1 同一个文件夹或者目录下引入:./xxx.js或者./xxx.css
3.2 大型的html文件或者一般在html文件的同一个目录下,建css文件夹和js文件夹,放入相应文件夹下,怎么生成雷达图,那么导入就是:css/xxx.css和js/xxxx.js,
但是如果没有网络,那么html文件就不可用了,怎么办呢?有办法。
用浏览器打开,复制:网址在代码注释里jquery-3.4.1.min.js,打开。
全选复制(ctrl+a),在本地文件夹新建一个js文件:jquery-3.4.1.min.js,将复制的内容,黏贴进入,保存即可。向上面的js文件和css文件一样,作为本地js文件引入。
4.本次html文件代码:index.html
注意:外部引入和本地引入基本没什么区别,如果css和js=JavaScript写在html内,可能有不同,上面注释里有提到。
5.jquery-3.4.1.min.js代码不写了,可以自己去下载,免费的,或者上面的有讲解如何操作,此处略。
6.新建一个radar.js文件,代码如下:
7.新建一个style.css文件,代码如下:
1、打开excel软件,进入工作表输入雷达图原始数据。2、在数据表中,选中一列数据。3、在excel工作表中,选择导航工具栏,选择插入功能。4、在excel导航工具栏,点击雷达图按钮。5、点击excel雷达图样式按钮,显示雷达图数据。
html,body {width: 100%;height: 100%;padding: 0;margin: 0;/*隐藏浏览器的条形伸缩*/overflow: hidden;}/*定义画布*/canvas {-webkit-transform: scaleY(-1);transform: scaleY(-1);}/*显示警告信息位置设置*/.info {position: absolute;left: 10px;top: 10px;}h1 {/*显示警告信息文字颜色设置*/color:red;letter-spacing: 0.5px;margin: 0;font-size:smaller;}.message {/*显示雷达预警敌机的动态位置的文字颜色设置*/margin: 0;color:#00FFFF;font-size: x-large;}
8.通过简单的例子,熟悉html、css和js的关系和布局等基本知识,熟练掌握基本操作。