数据可视化之南丁格尔玫瑰图：特点，应用场景，以及效果展示与代码绘制
数据可视化之南丁格尔玫瑰图：特点，应用场景，以及效果展示与代码绘制
学习：知识的初次邂逅
复习：知识的温故知新
练习：知识的实践应用
目录
一,南丁格尔玫瑰图的来历
19 世纪 50 年代，英国、法国、土耳其和俄国进行了克里米亚战争，英国战地的战士死亡率高达 42%。弗罗伦斯・南丁格尔主动申请，自愿担任战地护士。她在战地医院服务时发现，很多病人并非直接死于战争，而是因负伤后没得到妥善照顾，死于斑疹伤寒、痢疾、霍乱等疾病。
为了将这种危急的情况简明扼要地呈现出来，让不太能理解传统统计报表的公务人员能够清楚地了解，南丁格尔发明了一种独特的图表。这种图表看似怪异却又简单易懂，形象具体地表现了原本枯燥的统计数据。由于该图的外形酷似一朵绽放的玫瑰，因此被称为 “玫瑰图”，南丁格尔自己常昵称这类图为 “鸡冠花图”。她的方法打动了当时的高层，包括军方人士和维多利亚女王本人，医事改良的提案才得到支持。
二,南丁格尔玫瑰图的可视化特点
-
直观性强：
-
形状独特吸睛：其圆形的外观与常见的柱状图、条形图等有很大区别，在视觉上更具冲击力，能迅速吸引观众的注意力，让人们快速聚焦在图表所呈现的数据上。
-
数据呈现清晰：通过扇形的半径长短直观地表示数据的大小，即使观众对数据不太敏感，也能轻松理解数据之间的相对大小关系。
-
-
强调数据比例关系：
-
扇形的面积与半径的平方成正比，所以南丁格尔玫瑰图会将数据的比例大小放大，这使得数据之间的比例差异在图中更加明显，尤其适合对比大小相近的数值2。
-
适合周期性数据展示：
-
由于圆形具有周期性的特点，所以该图更适合用来展示诸如时间（如星期、月份、季度等）等具有环状周期性序列特点的数据2。
-
色彩辅助增强理解：
-
可以通过不同的颜色来区分不同的数据类别或分组，增强了数据的可视化效果和分类的区分度，帮助观众更快地理解数据的含义。
-
节省空间：
-
在数据类别较多的情况下，南丁格尔玫瑰图可以更好地展示区域大小，并且相比于传统的柱状图或条形图，能够更有效地利用绘图空间，在有限的空间内展示更多的信息。
三,南丁格尔玫瑰图的应用场景
-
医疗领域2：
-
疾病统计与分析：可用于展示不同疾病的发病率、死亡率、治愈率等数据在不同地区、不同时间段的分布情况，帮助医疗工作者快速了解疾病的流行趋势和防控重点。例如，在疫情期间，用于展示新冠肺炎在全球各个国家（地区）的感染人数、死亡人数等信息，直观地呈现疫情的严重程度和传播范围。
-
医疗资源分配评估：可以呈现不同地区医疗资源（如医院数量、病床数量、医护人员数量等）的分布情况，为医疗资源的合理分配和规划提供依据。
-
-
商业领域：
-
市场分析：用于分析不同产品在不同地区、不同季节的销售情况、市场份额等，帮助企业了解产品的市场表现和市场潜力，以便制定更精准的市场营销策略。例如，展示不同品牌手机在各个省份的销量占比，分析各品牌的市场竞争力。
-
客户群体分析：可以对客户的年龄、性别、收入等特征进行分类统计和可视化展示，帮助企业更好地了解客户群体的分布情况和需求特点，为产品设计、服务优化提供参考。
-
-
教育领域：
-
学生成绩分析：可用于展示学生在不同学科、不同考试中的成绩分布情况，帮助教师了解学生的学习状况和学科优势，以便进行有针对性的教学指导和教学资源分配。
-
教育资源评估：能够呈现不同地区教育资源（如学校数量、师资力量、教学设施等）的分布情况，为教育部门的资源规划和政策制定提供数据支持。
-
-
社会科学研究领域：
-
人口统计研究：用于展示不同地区、不同年龄段、不同性别等人口数据的分布情况，帮助研究人员了解人口的结构和变化趋势，为人口政策的制定和社会发展规划提供依据。
-
社会调查数据分析：在社会调查中，可以将调查结果进行分类统计，并以南丁格尔玫瑰图的形式展示，使调查数据更加直观、易懂，便于研究人员进行数据分析和结论总结。
-
四,南丁格尔玫瑰图的绘制与代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">
<title>南丁格尔图</title>
<script src="../echarts.js"></script>
</head>
<body>
<div id="landingger" style="width: 1200px; height: 600px;"></div>
<br>
<script>
var my_chartger = echarts.init(document.getElementById('landingger'));
var optionger = {
// title: {
// text: "南丁格尔玫瑰图"
// },
toolbox: { //通用属性 折线图 饼状图都可以设置
itemGap:20, //调整几个按钮之间的距离
feature: { //
saveAsImage: {
type:"png", //保存为图片 图片的格式
name:"南丁格尔", //图片的名称
show :true, //是否显示该工具
},
dataView:{ //新增一个可以动态更改的标签 更改数据后可以动态更新
show: true,
lang:['数据视图', '关闭', '刷新'] //添加几个按钮 可以关闭 刷新等
},
restore:{ //添加一个刷新数据标签
show:true
}
}
},
grid: {},
tooltip: {},
legend: {
orient: "horizontal",
},
series: [{
type: "pie",
// roseType:"radius", //扇形角度跟随数值而变化
roseType: "area", //扇形角度固定
itemStyle: {
borderRadius: 5, //指定扇形的圆角 也就是倒角
},
radius: ["20%", "80%"], //也可以变成圆环图 效果
data: [
{
name: "陈的武力值",
value: 600,
},
{
name: "刘的武力值",
value: 500,
},
{
name: "辉的武力值",
value: 400,
},
{
name: "田的武力值",
value: 300,
},
]
}
]
}
;
my_chartger.setOption(optionger)
</script>
</body>
</html>
学习：知识的初次邂逅
复习：知识的温故知新
练习：知识的实践应用
更多推荐
8
0- 0
已为社区贡献8条内容
所有评论(0)