ECharts数据可视化实战-ECharts常用图表_第1页
ECharts数据可视化实战-ECharts常用图表_第2页
ECharts数据可视化实战-ECharts常用图表_第3页
ECharts数据可视化实战-ECharts常用图表_第4页
ECharts数据可视化实战-ECharts常用图表_第5页
已阅读5页，还剩95页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

ECharts常用图表目录1快速上手第一个ECharts实例掌握绘制各种饼图掌握绘制各种柱状图2掌握绘制各种折线图342.ECharts中最常用图表本章节将介绍在ECharts中作三大图表的制作方法：快速上手第一个ECharts图表；各种柱状图的制作方法及注意事项；各种折线图的制作方法及注意事项；各种饼图的制作方法及注意事项。1.获取ECharts库文件2.1.1准备工作方法2：由cdn（ContentDeliveryNetwork，内容分发网络，它是使用户就近获取所需内容，并且降低网络拥塞的一种网络技术，由美国麻省理工学院提出）引入，如：<scriptsrc="echarts.js"></script>。其优点：无需下载文件，不必在本地电脑中保存ECharts库文件，直接通过网络引用即可。前两种方法较常用。较常用。方法1：最直接的方法是在

ECharts官网（）中挑选适合您的版本进行下载，不同的打包下载应用于不同的开发者功能与体积的需求，或者也可在线定制；开发环境建议下载源代码版本，它包含了常见的错误提示和警告。较常用。2.1.1准备工作2.1.1准备工作1.获取ECharts2.1.1准备工作方法3：也可在

ECharts的

GitHub

上下载最新的

release

版本，解压出来的文件夹里的

dist

目录里可以找到最新版本的ECharts库。方法4：在构建大型应用时，推荐使用NPM方法进行安装，执行如下命令即可。npminstallecharts2.新建项目2.1.1准备工作

VSCode跟其它编辑器不太一样，本身没有新建项目的菜单或命令选项，所以要首先创建一个空的文件夹。新建项目的目的是为了方便文件管理。新建项目的步骤如下。

(1)选定一个磁盘目录创建一个新文件夹或者直接使用已有的文件夹。

(2)打开VSCode，点击“文件”菜单，选择“打开文件夹”菜单选项，找到刚创建或者需要使用的文件夹，再点击“选择文件夹”按钮，就可在VSCode的左侧导航栏中发现引入的文件夹以及里面已有的文件。

(3)创建HTML网页文件。选定要添加文件的目录，右键“新建文件”，或者在VSCode的资源管理器中单击“新建文件”按钮，也可新建一个文件。文件命名时需要添加后缀。比如创建HTML文件时，应命名为“XXXX.html”。2.1.1准备工作VSCode常用快捷键(1)！+enter回车键或tab键：快速生称html代码模板；(2)Vue+enter回车键或tab键：快速生称vue代码模板。(3)Shift+alt+向下的方向键：向下复制当前行；(4)Shift+alt+向上的方向键：向上复制当前行；(5)Ctrl+s：保存；(6)Shift+alt+f：格式化代码；(7)Ctrl+f：查找和替换；(8)Ctrl+/：注释当前行或当前选中的一段代码；(9)Ctrl+d：快速选中的与第一个选中的单词相同别的单词，以便于快速修改替换。

3.

配置VSCode2.1.1准备工作

(1)将默认浏览器修改为Chrome谷歌浏览器。

大部分计算机的默认浏览器都是IE或者其他浏览器，但在进行网页或者其他前端程序开发时，通常推荐使用谷歌Chrome浏览器。

修改默认浏览器的方法：选择文件→首选项→设置，在搜索栏输入“open-in-browser.default”后，再在出现的编辑框输入“Chrome”。重启VSCode，即可将默认浏览器修改为Chrome谷歌浏览器，如图2-4所示。

3.

配置VSCode2.1.1准备工作

3.

配置VSCode2.1.1准备工作(2)安装VSCode微软官方LivePreviewextension插件。

在VSCode的活动栏中，单击扩展（Ctrl+Shift+X），再在文本框中搜索“LivePreviewextension”，然后点击“安装”按钮。

在VSCode中安装好LivePreviewextension插件之后，会发现在打开HTML文件的状态下右上角多了一个预览按钮，点击预览按钮后，会在编辑器内出现一个内置的Web窗口。这个插件不需要另外打开浏览器，它可直接在Vscode里面预览HTML页面，并且自动实时更新，不再需要不停地Ctrl+S来保存查看，如图2-5所示，此时VSCode编辑器与浏览器似乎成为一个整体。注意，安装好LivePreviewextension插件后，文件名不能使用中文，否则出现“Filenotfound”错误。2.1.1准备工作2.1.2创建第一个ECharts图表

获取ECharts库文件后，创建ECharts图表只需如下五个步骤。

（1）在.html文件中，引入echarts.js库文件。ECharts的引入方式像JavaScript库文件一样，使用script标签引入即可，如代码2-1所示，此处，需要注意echarts.js库文件的存放路径，如果找不到存放路径那么将无法显示图表。代码2-1中最下面两行代码，通过CDN方式引入库文件，这种引入方式的好处：不需下载echarts.js库文件。但需实时连接网络。代码2-1引入ECharts库文件<!--引入ECharts脚本--><scripttype="text/javascript"src="js/echarts.js"></script><!--也可以通过CDN引入ECharts文件--><scriptsrc="/echarts/5.3.0/echarts.js"></script>2.1.2创建第一个ECharts图表

（2）准备一个具备大小（weight与height）的div容器。ECharts图形是基于DOM进行绘制的，所以在绘制图形前要先绘制一个DOM容器div来承载图形，当添加了div容器后，需要设置它的基本属性：宽（weight）与高（height）。这两个属性决定了绘制的图表大小。绘制一个div容器，并设置容器的样式，如代码2-2所示，容器可以设置的样式并不仅限于宽与高，还可以设置其他属性，如定位等。代码2-2

绘制div容器，并为容器设置样式<body><!---为ECharts准备一个具备大小（宽、高）的DOM-><divid="main"style="width:600px;height:400px"></div></body>2.1.2创建第一个ECharts图表

（3）使用init()方法初始化容器。通过步骤（1）引入echarts.js库文件后，会自动创建一个全局变量echarts，全局变量echarts有若干方法。基于准备好的DOM，通过echarts.init()方法可以初始化ECharts实例，如代码2-3所示。代码2-3

初始化容器<body><!---为ECharts准备一个具备大小（宽高）的DOM-><divid="main"style="width:600px;height:400px"></div><script>//基于准备好的DOM，初始化ECharts实例varmyChart=echarts.init(document.getElementById("main"));</script></body>2.1.2创建第一个ECharts图表

（4）设置图形配置项和数据。option的设置是ECharts中的重点和难点，option的配置项参数等设置决定了绘制出的是什么样的图形。在第3章中将会对option的配置项参数进行详细的说明，此处通过配置option项绘制一个简单的柱状图，如代码2-4所示。代码2-4

设置图形配置项option和数据2.1.2创建第一个ECharts图表

（5）使用指定的配置项和数据，显示渲染图表。在绘制ECharts图表的过程中，setOption是执行绘制动作的方法，为初始化的myChart设置option进行图表绘制，如代码2-5所示。代码2-5

使用指定的配置项option和数据并渲染图表//使用指定的配置项和数据显示图表myChart.setOption(option);最后，简单图表绘制的完整代码如代码2-6所示。代码2-6简单图表绘制的完整代码。2.1.2创建第一个ECharts图表2.1.2创建第一个ECharts图表

通过以上5个步骤，在网页中创建ECharts图表后，需要用网页打开。在VS

Code中右键单击需要打开的网页文件名，在弹出的快捷菜单中，依次单击“OpenWith”→“WebBrowser”，即可在VS

Code中内置的浏览器打开该网页，也可以在计算机中双击要运行的网页文件，直接使用操作系统中默认的浏览器打开该网页。有时为了调试方便，还可以复制该网页文件的完整地址，将它粘贴到指定的浏览器的地址栏中打开。

绘制完成后的ECharts图表如图2-6所示。2.1.2创建第一个ECharts图表2绘制各种柱状图目录1快速上手第一个ECharts实例绘制各种饼图绘制各种折线图342.2绘制柱状图

柱状图是最常用的三大图表之一。柱状图由一系列长度不等的纵向或横向条纹来表示数据分布的情况，一般用横轴表示数据类型，纵轴表示分布情况。ECharts提供了各种各样的柱状图。本节通过实例介绍ECharts中比较常用和重要的几种柱状图：标准柱状图；堆积柱状图；条形图；瀑布图。2.2.1绘制标准柱状图柱状图是数据分析中最为常用的图表之一，柱状图的核心思想是对比。它的适用场合是二维数据集（每个数据点包括两个值X和Y），但只有一个维度需要比较。例如，年销售额就是二维数据：“年份”和“销售额”，但只需要比较“销售额”这一个维度。柱状图利用柱子的高度，反映数据的差异。肉眼对高度差异很敏感，辨识效果非常好。通常来说，柱状图的X轴是时间维，用户习惯性认为存在时间趋势。如果遇到X轴不是时间维的情况，建议用不同的颜色区分每根柱子，改变用户对时间趋势的关注。柱状图的局限在于只适用中小规模的数据集。2.2.1绘制标准柱状图2.2.1绘制标准柱状图2.2.1绘制标准柱状图2.2.1绘制标准柱状图2.2.1绘制标准柱状图2.2.1绘制标准柱状图2.2.1绘制标准柱状图2.2.1绘制标准柱状图2.2.1绘制标准柱状图下图对标准柱状图中的各种组件进行了简单注解。一张图表一般包含如下组件：用于显示数据的网格区域，这是最主要的部分；X坐标轴，Y坐标轴（包括坐标轴标签、坐标轴刻度、坐标轴名称、坐标轴分隔线、坐标轴箭头）；主标题；副标题；图例；数据标签。这些组件都在图表中扮演着特定的角色，表达了特定的信息。当然这些组件并不是必备的，当信息足够清晰时，可以精简部分组件，使得图表更加简洁。在后面的章节中，会对各种组件做详细的介绍。2.2.1绘制标准柱状图2.2.2绘制堆积柱状图堆积柱状图中，每一根柱子上的值分别代表不同的数据大小，各个分层的数据总和等于整根柱子的高度。它适合少量类别的对比，并且对比信息特别清晰。堆积柱状图的优点：可以形象地展示一个大分类包含的每个小分类的数据，以及各个小分类的占比情况，显示的单个项目与整体之间的关系，图表更加清晰。当需要直观地对比整体数据时，不适合用簇状柱形图而适合用堆积柱形图。下列代码是使用ECharts绘制堆积柱状图的关键代码。2.2.2绘制堆积柱状图2.2.2绘制堆积柱状图2.2.2绘制堆积柱状图2.2.2绘制堆积柱状图3.2.2绘制堆积柱状图2.2.2绘制堆积柱状图

在图2-9所示的堆积柱状图中，每天的数据有4根柱子，其中，第2根柱子是堆叠的，由邮件营销、联盟广告、视频广告3种不同类型的广告组成，第2根柱子的长度代表这3种不同的广告的总和。第4根柱子也是堆叠的，由百度、谷歌、必应、其他共4种不同类型的搜索引擎组成，而第3根柱子则是第4根子中的4种搜索引擎的总和。2.2.3绘制标准条形图条形图又称横向柱状图，它属柱状图的一种。当维度分类较多、并且维度字段名称又较长时，不再适合使用普通的柱状图，应该将多指标柱状图更改为单指标的条形图，能有效提高数据对比的清晰度。条形图相比柱形图的优势在于能够横向布局，方便展示较长的维度项名称。必须按照数值大小降序排列，以提升条形图的阅读体验。其实，条形图只是在普通柱状图的基础上，将它的x轴和y轴的数据互换位置而已。下列代码是使用ECharts绘制标准条形图的关键代码。2.2.3绘制标准条形图2.2.3绘制标准条形图2.2.3绘制标准条形图以上代码运行结果如下图所示；在下图中，最上面的两根柱子代表在2011年、2012年的世界人口数；其它柱子分别表示世界部分国家在2011年、2012年的人口数；由于柱子较多，所以适合使用条形图。2.2.3绘制标准条形图2.2.4绘制瀑布图瀑布图其实也是柱状图的一种特例。瀑布图的核心是按照维度/指标下钻分解，如：公司收入各用途分解、公司年利润按分公司分解、业绩按销售团队分解。瀑布图相对于饼图的优点在于：拆解项较多时，瀑布图通过数字的标记仍可清晰辨识，而饼图在分解项大于5时就不易辨别。其实，它也一种特殊的堆积柱状图，特殊部分在于，它的堆积部分的颜色与背景颜色是一样的，所以显示出来了又不可见而已。柱状图还有很多其它变种，比如：当横坐标变成连续的分组，就可以制作直方图(与柱形图主要差别在于，直方图一般不同数据系列没有间距)。当组别划分无限细化，就可以绘制概率分布曲线或者称为密度曲线，最常见的就是正态分布图。限于编幅，这里不再举例。2.2.4绘制瀑布图2.2.4绘制瀑布图2.2.4绘制瀑布图上述代码运行结果如右图所示。可以看到，从第二根柱子开始，它们首尾相接，好像银河直下的瀑布，所以形象地称之为瀑布图。其实，非常容易理解，房租、水电费、交通费、伙食费、日用品，这五项加总就是总费用，从而构成了人们在深圳的最低生活费用。2.2.4绘制瀑布图从代码看出，它与一般柱状图的差别不大，最为关键的代码是itemStyle这一段代码块，设置了柱子堆叠部分或堆叠部分边框的颜色，让每根柱子的堆叠部分的颜色变为透明色。如果改变一下代码，让颜色不透明：barBorderColor:‘rgba(20,20,0,0.5)’，color:‘rgba(0,220,0,0.8)’则所另可看到右图，此时，但这样看不到瀑布的效果。2.2绘制柱状图小结柱形图擅长表达类目间的对比，柱状图的目的是将对比信息放大，直观呈现出来。由于直观，柱状图适合做结论的表达。柱状图一般不用在时间维度的变化。柱状图的数据系列和点不宜过多，否则建议改变图表形式。柱子间的合理的宽度和间隙应该：单个柱子的宽度不小于柱间间隙的两倍。柱形最好从大到小排序。目录绘制各种柱状图1快速上手第一个ECharts实例23绘制各种折线图绘制各种饼图42.3.1绘制标准折线图折线图也是最为常用的三大图表之一，核心思想是趋势变化。它是信息最为明了的图表，也是各种图表中最容易解读的图表。折线图是点、线连在一起的图表，可反映事物的发展趋势和分布情况；适合在单个数据点不那么重要的情况下表现变化趋势、增长幅度。它和时间是好朋友。所谓标准折线图，是指：一条X轴，一条Y轴，X轴与Y轴组成区域内的一些点、线、以及这些点、线或坐标轴上的文字描述。请看下列代码绘制标准折线图。2.3.1绘制标准折线图2.3.1绘制标准折线图2.3.1绘制标准折线图2.3.1绘制标准折线图上述代码运行结果如右图所示。这是一条简单的折线图，只有一条折线，图表中只有数据网格、标题、图例、X轴、Y轴，图表显得非常简洁。代码中已做了相应注释，后面章节会详细介绍各种组件，在此不再赘述。2.3.2绘制堆积面积图和堆积折线图堆积折线图的意思：第二条线的数值=本身的数值+第一条线的数值，第三条的数值=本身的数值+第二条线图上的数值，依此类推。堆积区域图与堆积折线图唯一不同的地方在于每条折线的下面是否有填充区域。在折线图中添加区域图，属于组合图形中的一种，区域图又称面积图，它强调数量随时间变化的趋势，可引起人们对总值趋势的关注。例如，表示随时间而变化的利润的数据时，可以绘制折线图并在其中添加区域图以强调总利润。拿本例的数据举例(以周三数据为例，手机456，冰箱391，空调331，电视333，其它432):堆积图实际显示的是:手机=456,冰箱=391+456=847,空调=331+847=1178，电视=333+1178=1511，其它=432+1511=1943)。在ECharts中，实现堆积的重要参数为stack。只要将stack的值设置为相同，两组数据就会堆积；相反，如果将stack的值不相同，就不会堆积。2.3.2绘制堆积面积图和堆积折线图2.3.2绘制堆积面积图和堆积折线图2.3.2绘制堆积面积图和堆积折线图2.3.2绘制堆积面积图和堆积折线图2.3.2绘制堆积面积图和堆积折线图如果需要实现堆积折线图(StackedLineChart)，只要在上面的堆积面积图的代码中，注释掉series中的每组数据中的如下代码即可：//areaStyle:{normal:{}}，为节省篇幅，就不再罗列代码。堆积折线图的效果图如右图所示。2.3.2绘制堆积折线图标准折线图的缺陷之一是它必须要表现从A点到B点间的稳定的缓慢的变化。它对于表现温度这样的数据是没有问题的。有一些事物会较长时期停留在某个值上，然后突然出现增长或者减小。比如：公共汽车票价一般会保持几个月到几年不变，然后某天突然加价或降价，名胜风景区的门票价格可能也会在一段时间内维持在同一价格，诸如此类的还有不少，如：油价、税率、邮票价、某些商品价格等。ECharts中的折线图中，有一种较为特殊的图表，称为阶梯图（StepLine）能够帮助完成这种特殊图形的制作。请看下列代码。很容易理解，这是景区A、景区B和景区C三种不同旅游景点门票在一段时期内的价格波动，不过它们的价格波动不像一般的商品，波动不是连续平滑的，而是一种阶梯状、锯齿状。2.3.3绘制阶梯图2.3.3绘制阶梯图2.3.3绘制阶梯图2.3.3绘制阶梯图可以看出，景区A、景区B和景区C三种不同旅游景点门票在几年之内的价格波动，不过它们的价格波动不像一般的商品，波动不是连续平滑的，而是一种阶梯状、锯齿状。2.3.绘制折线图小结折线图擅长表达趋势。折线图是点、线连在一起的图表，可反映事物的发展趋势和分布情况。适合在单个数据点不那么重要的情况下表现变化趋势、增长幅度。如果一定要展示多条折线，最好不要同时展示超过5条。根据7±2法则，一般人的短时记忆容量约为7个加减2个，即5-9之间。如果一定要用双Y轴，确保这两个指标是有关系的。比如市场份额虽然增加了，但是收入却在下滑。这可以提醒决策者，是否要修改市场战略。目录1绘制各种柱状图快速上手第一个ECharts实例2绘制各种折线图3绘制各种饼图42.4.绘制饼图饼图的核心思想是分解。适用于对比几个数据在其形成的总和中所占的百分比时最为有用，整个饼代表总和，单个数据用扇区代表。饼图经常表示一组数据的占比。为了表示占比，饼图需要数值维度。可以用扇面、圆环、或者多圆环嵌套。商务类的汇报中应用较多。本节将介绍：标准饼图、圆环图、嵌套饼图、南丁格尔玫瑰图。2.4.1绘制标准饼图标准饼图是最简单的饼图，其它饼图是在它的基础上转化而来。下面以一个实例来说明标准饼图的绘制方法。WHO在一份统计调查报告中指出：在影响健康寿命的各类因素中，生活方式（饮食、运动及生活习惯）占60%，遗传因素占15%，社会因素占10%，医疗条件占8%，气候环境占7%，因此，“健康寿命60%取决于自己”。下面的代码绘制一个标准饼图来表示上面的结论。2.4.1绘制标准饼图2.4.1绘制标准饼图2.4.1绘制标准饼图课程思政

2022年5月14日，在2022清华五道口首席经济学家论坛上，清华大学中国经济思想与实践研究院院长李稻葵出席并演讲。李稻葵举例计算，中国的人口是美国4倍，暂且把美国死于新冠疫情的人数乘以4，即假如没有做好防疫工作，过去中国会有400万生命的损失。而疫情主要影响的是中老年人和有基础病的人，假设抗疫工作没有做好，会使得失去的生命在60、65岁左右，而每一个生命的挽回，相当于让每个人多增加了10天的寿命。“过去两年的伟大胜利，为每一个百姓的平均寿命延长了十天。”2.4.1绘制标准饼图饼图在不同版本的ECharts下运行，会有一些细微的差别。饼图中最主要的参数：1、center，圆心坐标，它可以是像素点表示的绝对值，也可以是数组类型。默认值为['50%','50%']。百分比计算时按照公式来计算：min(width,height)*50%，其中的width和height分别div中所设置的宽度和高度。2、radius，半径，它可以是像素点表示的绝对值，也可以是数组类型。默认值为[0,'75%']，支持绝对值（px）和百分比。百分比计算时按照公式来计算：min(width,height)/2*75%，其中的width和height分别div中所设置的宽度和高度。如果用形如[内半径，外半径]数组表示的话，则可以绘制一个环形图；如果内半径为0，则可绘制一个标准的饼图。2.4.1绘制标准饼图3、clockWise，饼图中各个数据项（item）是否按照顺时针顺序显示，它是一个布尔类型，取值只有两个：false和true。默认值为true。4、startAngle，饼图的第一个数据项（item）开始显示时的角度,默认值为90度，有效输入范围：[-360,360]。5、minAngle，最小角度，默认值为0度，可用于防止某数据项（item）的值过小而影响交互。这个参数要谨慎使用。2.4.2绘制圆环图环形图也是用来表示相应数据项占该数据系列总和的比例。圆环图是在圆环中显示数据，其中每个圆环代表一个数据项（item）。圆环图跟标准饼图同属于饼图这一种图表大类，只不过更加美观，当然也更有吸引力。圆环图就好像是在标准饼图的中心打了一个孔，或者可以看成在饼图上叠放了一个空白圆圈。其实，在ECharts中创建圆环图非常简单，只要在标准饼图代码修改一个语句，也就是将语句：radius:‘66%’,修改为：radius:[‘45%’,‘75%’]，就可由一个标准饼图变为一个圆环图，修改后的半径是有两个数值的数组，分别代表圆环的内、外半径。运行结果如下图。2.4.2绘制圆环图2.4.3绘制嵌套饼图标准饼图（单层饼图）能够反映各类数据之间的比例关系，但日常业务中往往会遇到每个类别中再嵌套多个类别的情况，此时需要借助嵌套饼图来进行展示。所谓嵌套饼图，其实就是两种甚至更多饼图的嵌套，其外层是一个圆环图，内层是一个标准饼图或圆环图。它能够反映一类事物的占比情况：大类中套有小的分类，研究它们的人口或GDP占比时，就可以使用嵌套饼图。如：广东省有广州市、深圳市、珠海市、中山市等，而每个市又有许多区，如珠海市又分为香洲区、金湾区、斗门区。2.4.3绘制嵌套饼图某大学有三个学院，每个学院的各专业的学生人数分布情况如下：各学院的总学生数：1-计算机学院：1200人，2-机器人学院：900人，3-财金学院：600人。各学院的专业名称及其相应的学生数：计算机学院：1-软件技术:800人，1-大数据与人工智能：400人；机器人学院：2-工业机器人技术：400人，2-机电一体化技术：300人，2-应用电子技术：200人；财金学院：3-投资与理财：400，3-财务管理：200人。在下列代码中实现以上数据的嵌套饼图。运行的图表如下图所示。2.4.3绘制嵌套饼图2.4.3绘制嵌套饼图2.4.3绘制嵌套饼图2.4.3绘制嵌套饼图2.4.3绘制嵌套饼图2.4.4绘制南丁格尔玫瑰图在克里米亚战争期间（1853年7月-1855年12月），伦敦慈善医院的护士长南丁格尔女士，发现战地医院的卫生条件恶劣导致很多士兵死亡。因此，她开始研究伤员的死亡和卫生环境的关系，并试图用统计数据说服维多利亚女王改善军事医院的卫生条件。但是她也担心，女王那么忙，没有时间看她那厚厚的报告和那些复杂的表格数据。于是，她设计了一种色彩缤纷又生动有趣的图表，巧妙地展示了部队医院季节性的死亡率。图表打动了当时的最高层，包括军方人士和维多利亚女王本人，于是医疗改良提案得到了支持。受伤战士的死亡率从高达42%，戏剧性地降至2.5%，挽救了几十万士兵的生命。她自己常昵称这类图为鸡冠花图（CoxcombChart），这种长得像饼图又不是饼图，有着极坐标的统计图，是一种圆形的柱状图，因为外形很像一朵绽放的玫瑰，这种图表也被称为“南丁格尔玫瑰图”

（Nightingalerosediagram），又名极坐标区域图（Polarareadiagram）。对照柱状图，由于圆形有周期的特性，所以南丁格尔玫瑰图适用于表示一个周期内的时间概念，比如星期、月份。2.4.4绘制南丁格尔玫瑰图在ECharts中绘制南丁格尔玫瑰图时，参数与前面的饼图没有差别，只是它有一个特殊的参数roseType，称为南丁格尔玫瑰图模式，可使用的值有两种：'radius'（半径）,'area'（面积）。当使用半径模式时，以各个item的值作为扇形半径，一般来说，半径模式可能造成较大的失真；当使用面积模式时，以各个item的值作为扇形的面积，一般来说，面积模式的失真较小。2.4.4绘制南丁格尔玫瑰图某高校的数据如下，使用南丁格尔玫瑰图来展示。各个学院的学生人数（半径模式）：计算机：2000人，大数据：1500人，外国语：1200人，机器人：1100人，建工：1000人，机电：900人，艺术：800人，财经：700人。各个学院的学生人数（面积模式）：计算机：2000人，大数据：1500人，外国语：1200

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论