(echarts)雷达图封装相关总结及使用

news/2024/4/21 0:52:34/

(echarts)雷达图封装相关总结及使用


在这里插入图片描述


数据结构:

在这里插入图片描述


页面:

<div id="chart4" style="height:420px;width: 100%;" />//雷达图
echartFour(obj) {var chartDom = document.getElementById("chart4");var myChart = echarts.init(chartDom);var option;option = {//颜色设置color: ["#67F9D8", "#FFE434", "#56A3F1", "#FF917C"],//移入标签设置tooltip: {trigger: "item",},//图例legend: {data: obj.name,},//图形设置radar: {indicator: obj.title,//标签名称radius: 120, // 图大小splitNumber: 4, // 圈数shape: "circle", // 形状// 环区域样式splitArea: {areaStyle: {color: ["#77EADF", "#26C3BE", "#64AFE9", "#428BD4"],shadowColor: "rgba(0, 0, 0, 0.2)",shadowBlur: 10,},},// 环边线样式splitLine: {lineStyle: {color: "rgba(211, 253, 250, 0.8)",},},},series: [{type: "radar",emphasis: {lineStyle: {width: 4,},},data: obj.data,},],};option && myChart.setOption(option);window.addEventListener("resize", function () {myChart.resize();});
},

http://www.ppmy.cn/news/1180118.html

相关文章

小型洗衣机哪个牌子质量好?家用小洗衣机推荐

随着人们的生活水平的提升&#xff0c;越来越多小伙伴来开始追求更高的生活水平&#xff0c;一些智能化的小家电就被发明出来&#xff0c;而且小型洗衣机是其中一个。现在通过内衣裤感染到细菌真的是越来越多&#xff0c;所以我们对内衣裤的清洗频次会高于普通衣服&#xff0c;…

大数据平台架构及规划

梳理了数据平台及未来规划&#xff0c;具体如下&#xff1a; 整体架构&#xff1a; 当前建设进展&#xff1a; 部署架构 部署架构2&#xff1a; Flink 实时计算平台架构 版本1&#xff1a; 版本2&#xff1a; 离线平台架构&#xff1a; 未来规划&#xff1a;

An Early Evaluation of GPT-4V(ision)

本文是LLM系列文章&#xff0c;针对《An Early Evaluation of GPT-4V(ision)》的翻译。 GPT-4V的早期评估 摘要1 引言2 视觉理解3 语言理解4 视觉谜题解决5 对其他模态的理解6 结论 摘要 在本文中&#xff0c;我们评估了GPT-4V的不同能力&#xff0c;包括视觉理解、语言理解、…

数据结构与算法-二叉树的遍历

&#x1f31e; “少年没有乌托邦&#xff0c;心向远方自明朗&#xff01;” 二叉树 &#x1f388;1.二叉树的遍历&#x1f52d;1.1先序遍历&#x1f52d;1.2中序遍历&#x1f52d;1.3后序遍历&#x1f52d;1.4层次遍历&#x1f52d;1.5二叉树遍历的递归算法&#x1f4dd;1.5.1先…

Hive客户端和Beeline命令行的基本使用

本专栏案例数据集链接: https://download.csdn.net/download/shangjg03/88478038 1.Hive CLI 1.1 命令帮助Help 使用 `hive -H` 或者 `hive --help` 命令可以查看所有命令的帮助,显示如下: usage: hive-d,--define <key=value> Variable subsitution to ap…

JS中call()、apply()、bind()改变this指向的原理

大家有没有想过这三种方法是如何改变this指向的&#xff1f;我们可以自己写吗&#xff1f; 答案是&#xff1a;可以自己写的 让我为大家介绍一下吧&#xff01; 1.call()方法的原理 Function.prototype.calls function (context, ...a) {// 如果没有传或传的值为空对象 conte…

SOLIDWORKS® 2024 新功能 - SIMULATION

1、增强型轴承接头 • 通过指定压缩、拉伸和弯曲的刚度&#xff0c;轻松创建自定义轴承接头。 • 通过向非线性和大型位移算例添加自定义条件&#xff0c;提高模拟精度。 优点 使用功能强大的接口&#xff0c;更轻松、更准确地设置模拟过程&#xff0c;并加快模拟速度。 2、…

JAVA面试题简单整理

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、重载和重写的区别一、&和&&的区别一、get和post请求的区别 delete、put一、cookie和session的区别一、Autowired和Resource区别一、”和equals…

为什么选择Codigger静态分析?

开发每个阶段的安全代码 Codigger是一种很流行的静态分析工具&#xff0c;用于持续检查代码库的代码质量和安全性&#xff0c;并在代码评审期间指导开发团队。代码审查是一种系统的软件质量保证技术&#xff0c;通过审查开发人员的代码来发现和修复问题、提高代码质量并执行编码…

nginx 访问静态文件404错误

nginx 访问静态文件404错误 可能原因&#xff1a; 1、文件路径不对 2、nginx未重启 3、路径冲突 ,优先级&#xff08;详读&#xff1a;nginx location规则以及优先级详解&#xff09; 如以下配置 server {listen 80;server_name localhost;location / {proxy_pass …

yum--centos 和apt --ubuntu

centos安装软件 搜索语法&#xff1a;yum -y search 软件名称 安装软件前可以先去搜一下看看能用yum中有这个软件吗 安装语法&#xff1a;yum -y install 软件名称 写上 -y 意思是不用手动确认&#xff0c;直接安装 卸载语法&#xff1a;yum -y remove 软件名称 注…

计算机行业已经进入寒冬?云计算帮你解决就业难题!

近几年国内外互联网行业都有大动作&#xff0c;国内外互联网企业都开始了裁员。 “谷歌宣布解雇1.2万名员工&#xff0c;占总员工数的6%” “微软宣布计划在第三财季裁员1万人” “Meta开启两轮万人裁员&#xff0c;总计裁员约2.1万” “据传阿里即将裁员25%” “OPPO宣布哲库…

C语言文件读写,文件相关操作

文章目录 C语言文件读写&#xff0c;文件相关操作1.C语言万物皆是地址&#xff0c;文件读操作2.文件的写3.文件的复制4.获取文件的大小5.文件的加密解密 C语言文件读写&#xff0c;文件相关操作 1.C语言万物皆是地址&#xff0c;文件读操作 // // Created by MagicBook on 20…

计算机网络【CN】TCP报文段格式【20B】

序号&#xff1a;本报文段所发送的数据的第一个字节的序号确认号&#xff1a;期望收到对方下一个报文段的第一个数据字节的序号。 重要控制位&#xff1a; 紧急位URG&#xff1a;URG1时&#xff0c;标明此报文段中有紧急数据&#xff0c;是高优先级的数据&#xff0c;应尽快传送…

毕业论文Word文档中排版各种问题(持续更新中)

目录 封面信息信息对齐 快捷键使用公式公式编号并右对齐 表格续表并自动添加表头和标题 参考文献添加参考文献一篇文献交叉引用多篇文献交叉引用 参考文章链接 这个是在目前正在写论文过程中遇到一些问题&#xff0c;然后边解决边记录的&#xff0c;有些混乱&#xff0c;主要是…

挑战吧,HarmonyOS应用开发工程师

一年一度属于工程师的专属节日1024&#xff0c;多重活动亮相啦~ 参与活动即有机会获得HUAWEI Freebuds 5i 耳机等精美礼品&#xff01; 点击“阅读原文”查看更多活动详情&#xff01;

Linux系统下的文件系统、各文件系统下目录结构及作用

要利用任何Linux系统,你需要对Linux的文件和目录(也称文件夹)了解。 Linux shell命令行中,文件和目录不是直观看见。需要使用:cd、ls、pwd等shell命令在目录之间切换。 Linux文件被收集到目录中,目录形成一个层级或树状结构: 一个目录可能包含其他目录,这些目录被称为子…

2023.09.09青少年软件编程(Python)等级考试试卷(四级)

2023.09.09青少年软件编程(Python)等级考试试卷(四级)一、单选题(共25题,共50分) 1.用枚举算法求解“100以内既能被3整除又能被4整除的元素”时,在下列数值范围内,算法执行效率最高的是?( D ) A. 1~101 B. 4~100 C. 12~100 D. 12~96在选取循环控制变量时,枚举范围…

关于Vue项目的SEO问题

首先我们先来了解一下什么是SEO&#xff1f; 搜索引擎优化&#xff08;Search engine optimization&#xff0c;简称 SEO &#xff09;&#xff0c;指为了提升网页在搜索引擎自然搜索结果中&#xff08;非商业性推广结果&#xff09;的收录数量以及排序位置而做的优化行为&…

小程序拼团业务,并发支付导致重复给用户返利bug

今天遇到了一个线上的重大bug&#xff0c;小程序拼团业务&#xff0c;例如当一个团金额达到10000元时&#xff0c;这个团就表示拼团成功&#xff0c;但是在金额马上到达10000元瞬间&#xff0c;多个用户同时下单&#xff0c;支付完成微信后台调取callback接口&#xff0c;因为当…