第2章 ECharts最常用图表.pptx

;目录;在创建一个ECharts图表之前，需要进行的开发前准备工作，包括获取ECharts、下载Google浏览器和创建项目，具体如下。

获取ECharts

获取ECharts有以下几种方法，可以根据情况进行选择。

最直接的方法是在ECharts官网中挑选适合的版本进行下载，不同的打包下载应用于不同的开发者功能与体积的需求，也可以直接下载完整版本；对于开发环境，建议下载源代码版本，包含了常见的错误提示和警告。

由CDN（ContentDeliveryNetwork）引入，可以在cdnjs、npmcdn或国内的bootcdn中找到ECharts的最新版本。这种方法的优点是无须下载文件，不必在本地电脑中保存ECharts库文件，直接通过网络引用即可。

在ECharts的GitHub上下载最新的Release版本（发布版本），在解压后的文件夹里的dist目录下可以找到最新版本的echarts库。;2.下载Google浏览器

在使用ECharts时，由于所创建的图表是一张张的网页，所以需要使用浏览器查看页面结果。用户可以在普通浏览器的搜索栏中输入“下载Google浏览器”，单击其中合适的下载链接。

在图所示的Google浏览器官网下载界面中，单击下载网页中的“下载Chrome”按钮；在弹出的“新建下载任务”对话框中，再单击下方的“下载”按钮。下载完成后，直接双击下载可执行的安装文件的图标，即可开始安装Google浏览器。;3.创建项目

Eclipse、HBuilder、WebStorm、VisualStudio等开发工具

，都可以用于创建项目，操作方法大同小异。创建项目的目的是为了方便管理文件，对于ECharts图表的创建，也可以不必创建项目。创建项目的步骤如下（对于不同版本的Eclipse，可能会有所差别）。

（1）新建项目。选择“File”菜单中的“JavaProject”选项，打开“NewJavaProject”对话框，如图所示。在对话框中“ProjectName：”后的文本框中输入项目的名称，如此处输入“EChartsTest”，然后单击“Finish”按钮，即可完成项目的创建。;开发前的准备工作;开发前的准备工作;开发前的准备工作;开发前的准备工作;创建第一个ECharts图表;创建第一个ECharts图表;创建第一个ECharts图表;目录;绘制柱状图;绘制标准柱状图;绘制标准柱状图

利用某商品一年的销量数据绘制标准柱状图，如图所示。;绘制标准柱状图;绘制堆积柱状图;绘制堆积柱状图;绘制标准条形图;绘制瀑布图;绘制瀑布图;绘制瀑布图;;目录;绘制折线图;绘制标准折线图;绘制堆积面积图和堆积折线图;绘制堆积面积图和堆积折线图;绘制堆积面积图和堆积折线图;阶梯图为折线图的一种类型。与折线图不同的是，阶梯图是使用间歇型跳跃的方式显示一种无规律数据的变化，用于显示某变量随时间的变化模式是上升还是下降。在现实生活中，无规律的数据有很多，例如：公共汽车票价一般会保持几个月到几年不变，然后某天突然加价或降价；名胜风景区的门票价格也会在一段时间内维持在同一价格。诸如此类的还有不少，如油价、税率、邮票价、某些商品价格等。

利用某风景名胜区门票价格数据绘制阶梯图，如图所示。;由图可知，图形显示的是景区A、景区B和景区C三种不同旅游景区门票在一段时期内的价格波动。不过门票的价格波动不像一般的商品，波动不是连续平滑的，而是一种阶梯状、锯齿状。

由前面介绍的3种折线图可知，折线图是点、线连在一起的图表，可反映事物的发展趋势和分布情况，适合在单个数据点不那么重要的情况下表现数据的变化趋势、增长幅度。如果一定要展示多条折线，那么最好不要同时展示超过5条。如果一定要用双Y轴，那么必须确保这两个指标是有关系的。;目录;绘制饼图;绘制标准饼图;绘制标准饼图;绘制圆环图;绘制嵌套饼图;绘制嵌套饼图

利用某大学3个学院的学生总人数的数据绘制嵌套饼图，如图所示。;绘制南丁格尔玫瑰图;绘制南丁格尔玫瑰图

某高校二级学院学生和教授的人数数据如表所示。;绘制南丁格尔玫瑰图

根据某高校二级学院学生和教授的人数数据绘制南丁格尔玫瑰图，如图所示。;绘制南丁格尔玫瑰图;绘制南丁格尔玫瑰图;绘制南丁格尔玫瑰图;小结;