程序技术好文:雷达图制作方法

简介: 程序技术好文:雷达图制作方法

"

  雷达图是//代码效果参考:https://v.youku.com/v_show/id_XNjQwMDE0OTUyOA==.html

以从同一点开始的轴表示的三个或更多个定量变量的二维图形的形式显示多变量数据的图形方法。 轴的相对位置和角度通常不具有信息。雷达图也被称为网络图,蜘蛛图,星图,星图,蛛网图,不规则多边形,极坐标图或Kiviat图。 它等效于极坐标中的平行坐标图【1】.

  本文介绍两种雷达图的制作方法,一种是每个轴的单位一样,统一区域范围的值;另一种是每个轴具有不同区域的数值。

  一、excel制作雷达图(只能制作每个轴数据区间相近的数据)

数据如下所示,纯属虚构,仅做示例,六个城市的降水量

  在excel中制作雷达图,方法如下:选择数据-插入-图表-所有图表-雷达图,点击确定即可

  点击确定即可得到雷达图,如下所示:

  二、Echarts制作雷达图

  1.进入Echarts官网(选择雷达图

  2、我选择的第四种雷达图,代码如下:

1 option = {

2 title: {

3 //更改图表名字

4 text: '基础雷达图'

5

6 },

7 tooltip: {},

8 legend: {

9 //更改图表图例

10 data: 【'预算分配(Allocated Budget)', '实际开销(Actual Spending)'】

11 },

12 radar: {

13 // shape: 'circle',

14 indicator: 【

15 //数据部分,设置最大值

16 { name: '销售(sales)', max: 6500},

17 { name: '管理(Administration)', //代码效果参考:https://v.youku.com/v_show/id_XNjQwNjU5MzA3Ng==.html

max: 16000},

18 { name: '信息技术(Information Techology)', max: 30000},

19 { name: '客服(Customer Support)', max: 38000},

20 { name: '研发(Development)', max: 52000},

21 { name: '市场(Marketing)', max: 25000}

22 】

23 },

24 series: 【{

25 name: '预算 vs 开销(Budget vs spending)',

26 type: 'radar',

27 // areaStyle: {normal: {}},

28 data : 【

29 {

30 //第一组数据值

31 value : 【4300, 10000, 28000, 35000, 50000, 19000】,

32 name : '预算分配(Allocated Budget)'

33 },

34 {

35 //第二组数据值

36 value : 【5000, 14000, 28000, 31000, 42000, 21000】,

37 name : '实际开销(Actual Spending)'

38 }

39 】

40 }】

41 };

  3、运行即可得到图表

  参考:

  【1】

您的资助是我最大的动力!

金额随意,欢迎来赏!

*作者信息*

Author:Mat_Wu

Email:mat_wu@163.com

*

*

如果,您认为阅读这篇博客让您有些收获,不妨点击一下右下角的【推荐】按钮。

如果,您希望更容易地发现我的新博客,不妨点击一下绿色通道的【关注我】。

感谢您的阅读,我是【Mat_Wu】!

本文版权归作者所有,欢迎转载,请在文章页面明显位置给出原文连接。


"
image.png
相关文章
|
canal 缓存 NoSQL
【Redis系列笔记】双写一致性
本文讨论了缓存不一致问题及其后果,如价格显示错误和订单计算错误。问题主要源于并发和双写操作的异常。解决方案包括使用分布式锁(但可能导致性能下降和复杂性增加)、延迟双删策略(通过延迟删除缓存来等待数据同步)以及异步同步方法,如通过Canal和MQ实现数据的最终一致性。面试中,可以提及这些策略来确保数据库和缓存数据的一致性。
1873 1
【Redis系列笔记】双写一致性
|
算法 计算机视觉
数字图像处理实验(四)|图像压缩与编码实验{JPGE编码、离散余弦变换DCT、图像分块dctmtx|blkproc}(附matlab实验代码和截图)
数字图像处理实验(四)|图像压缩与编码实验{JPGE编码、离散余弦变换DCT、图像分块dctmtx|blkproc}(附matlab实验代码和截图)
1564 0
数字图像处理实验(四)|图像压缩与编码实验{JPGE编码、离散余弦变换DCT、图像分块dctmtx|blkproc}(附matlab实验代码和截图)
|
机器学习/深度学习 人工智能 自然语言处理
《揭开DeepSeek神秘面纱:复杂逻辑推理背后的技术机制》
DeepSeek是一款基于Transformer架构的大语言模型,以其在复杂逻辑推理任务上的卓越表现成为行业焦点。它通过自注意力机制高效捕捉长距离依赖关系,结合强化学习优化推理策略,利用思维链技术拆解复杂问题,并经过多阶段训练与精调提升推理能力。此外,DeepSeek融合知识图谱和外部知识,拓宽推理边界,使其在处理专业领域问题时更加准确和全面。这些先进技术使DeepSeek能够像人类一样思考和推理,为解决复杂问题提供强大支持。
1147 11
|
自然语言处理 前端开发 JavaScript
ECharts实现雷达图详解
ECharts 是百度开源的一款强大的数据可视化工具,支持多种图表类型如折线图、柱状图、饼图等,并提供丰富的交互功能。其核心实现原理包括数据驱动、Canvas/SVG渲染、响应式布局、动画效果、事件监听等。本文通过具体示例介绍了如何使用 ECharts 实现交互式雷达图,包括引入库、创建图表容器、配置雷达图、添加交互功能及动态数据更新等功能。通过简单的步骤即可在网页中展示绚丽的数据大屏。
2360 4
ECharts实现雷达图详解
|
11月前
|
缓存 NoSQL 数据库
什么是缓存击穿
缓存击穿是指热点缓存key突然失效,导致大量并发请求直接冲击数据库,造成巨大压力。常见于高并发场景,如热门商品信息失效时。解决方法包括设置热点key永不过期、使用分布式锁、预热数据、熔断降级等,以保障系统稳定性。
975 0
|
JavaScript
vue中关于element的el-image 图片预览功能增加一个下载按钮
vue中关于element的el-image 图片预览功能增加一个下载按钮
1986 0
|
JavaScript 开发工具 git
大事件项目17----Vue项目引入Echarts
大事件项目17----Vue项目引入Echarts
大事件项目17----Vue项目引入Echarts
|
监控 Dubbo 网络协议
6种微服务的RPC框架
6种微服务的RPC框架
|
存储 设计模式 Java
java实习生面试题_java基础面试_java面试题2018及答案_java面试题库
java实习生面试题_java基础面试_java面试题2018及答案_java面试题库