ECharts数据可视化 课件 第4章 雷达图、旭日图和关系图.pptx

第4章雷达图、旭日图和关系图《ECharts数据可视化》

学习目标/Target掌握雷达图坐标系组件的使用方法，能够设置雷达图坐标系掌握雷达图指示器名称、坐标轴轴线、坐标轴分隔线的设置方法，能够设置雷达图中的指示器名称、坐标轴轴线、坐标轴分隔线熟悉单击旭日图节点后的行为，能够总结单击旭日图节点后的行为掌握旭日图数据的使用方法，能够设置旭日图中所需的数据

学习目标/Target掌握旭日图文本标签的使用方法，能够设置文本标签的显示状态、位置等熟悉旭日图半径的设置方法，能够总结旭日图半径的正确使用方法掌握旭日图扇形块样式的设置方法，能够设置旭日图中扇形块的样式掌握旭日图的多层样式的设置方法，能够设置不同层的样式

学习目标/Target掌握关系图数据的使用方法，能够设置关系图中所需的数据掌握关系图节点标记大小的设置方法，能够设置节点标记大小掌握关系图节点间关系数据的使用方法，能够设置节点间的关系数据掌握关系图边两端标记的使用方法，能够设置关系图边两端标记

学习目标/Target掌握关系图边的标签的使用方法，能够设置边的标签掌握雷达图的绘制，能够完成基础雷达图和自定义雷达图的绘制掌握旭日图的绘制，能够完成旭日图和圆角旭日图的绘制掌握关系图的绘制，能够完成关系图的绘制

章节概述/Summary在日常生活中，对于一些复杂的数据，使用雷达图、旭日图、关系图等图表可以更加简单、直观地传达信息，让用户更容易理解和记忆信息。本章将对雷达图、旭日图和关系图进行详细讲解。

目录/Contents4.14.2常见的雷达图常见的旭日图和关系图

常见的雷达图4.1

绘制基础雷达图【任务4.1.1】

任务需求某学校开展了一系列“查漏补缺”的活动，通过不定期进行考核和分析，旨在找出学生在哪些科目上比较薄弱，进一步找差距、补短板、明方向、再发力。苏校长希望绘制一张基础雷达图来展示该校三个年级部分学科的平均成绩之间的差距，从而帮助教师和学生更好地了解目前的学科成绩情况，并进一步提高学生的学习成绩。本任务需要基于该校三个年级部分学科的平均成绩绘制基础雷达图。

该校三个年级部分学科的平均成绩（单位：分）如下表所示。年级语文数学英语政治历史地理高一907685728570高二759680797081高三808472867989任务需求

知识储备1.初识基础雷达图先定一个小目标！了解基础雷达图的概念，能够说出什么是基础雷达图

知识储备1.初识基础雷达图基础雷达图以一个中心点为起点，从中心点向外延伸出多条射线，每条射线代表一个特定的变量或指标。每条射线上的点或线段表示该变量在不同维度上的取值或得分。

知识储备雷达图常用的场景如下。多维数据比较：如果数据包含多个维度信息，那么雷达图可以用来比较不同维度上的数据情况，帮助决策者快速发现数据中的规律和潜在问题。维度排名分析：对数据中的每个维度，都可以进行排名，从而判断数据的可行性和数据质量。1.初识基础雷达图

知识储备在ECharts中绘制基础雷达图时，需要将系列的type属性的值设置为radar，示例代码如下。series:[{type:radar}]1.初识基础雷达图

知识储备雷达图的效果如下图所示。1.初识基础雷达图

知识储备2.雷达图坐标系组件先定一个小目标！掌握雷达图坐标系组件的使用方法，能够设置雷达图坐标系

知识储备在ECharts中，通过雷达图坐标系组件可以创建雷达图坐标系。雷达图坐标系没有x轴和y轴，但是每一条轴都代表一个单独的维度。雷达图坐标系组件的效果如下图所示。2.雷达图坐标系组件

知识储备通过option对象的radar属性可以配置雷达图坐标系组件，radar属性的值为radar对象，该对象的设置方式如下。varoption={radar:{}};2.雷达图坐标系组件

知识储备radar对象的常用属性如下表所示。属性说明center用于设置雷达图的中心坐标radius用于设置雷达图的半径，默认值为75%startAngle用于设置坐标的系起始角度，即第一条指示器轴的角度，默认值为90indicator用于设置雷达图的指示器2.雷达图坐标系组件

知识储备接上表属性说明splitArea用于设置雷达图坐标轴在绘图区域中的分隔区域nameGap用于设置指示器名称和指示器轴的距离，默认值为15splitNumber用于设置指示器轴的分割段数，默认值为5shape用于设置雷达图绘制类型，可选值为polygon（默认值）、circle，分别表示多边形、圆形2.