数据可视化 第12章 ECharts与Pyecharts可视化方法.pptxVIP

数据可视化

ECharts概述Echarts基础概念Echarts绘制图表Pyecharts可视化第12章：ECharts与Pyecharts可视化方法

12.1ECharts概述ECharts简介?ECharts是一个使用JavaScript实现的开源可视化库，可以流畅的运行在PC和移动设备上，并能够兼容当前绝大部分浏览器。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会。在功能上，底层依赖矢量图形库?ZRender，可以提供直观、交互丰富，可高度个性化定制的数据可视化图表。ECharts提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于BI的漏斗图，仪表盘，并且支持图与图之间的混搭。

12.1ECharts概述ECharts的特点?丰富的可视化类型：除了已经内置的图表，Echarts还提供了自定义系列，只需要传入一个renderItem函数，就可以从数据映射到任何想要的图形，这些图形还能和已有的交互组件结合而不需要操心其它事情。多种数据格式无需转换直接使用：内置的Dataset属性支持直接传入包含二维表、key-value等多种格式的数据源，通过简单的设置encode属性就可以完成从数据到图形的映射，省去了大部分场景下数据转换的步骤，而且多个组件能够共享一份数据而不用克隆。

12.1ECharts概述ECharts的特点?千万数据的前端展现：通过增量渲染技术，Echarts能够展现千万级的数据量，并且在这个数据量级依然能够进行流畅的缩放平移等操作。同时提供了对流加载的支持，用户可以使用websocket或者对数据分块后加载，使用时根据需要加载多少渲染多少，不需要漫长的等待所有数据加载完后再进行绘制。移动端优化：例如移动端小屏上适于用手指在坐标系中进行缩放、平移。同时细粒度的模块化和打包机制可以让Echarts在移动端也拥有很小的体积，可选的SVG渲染模块让移动端的内存占用不再捉襟见肘。

12.1ECharts概述ECharts的特点?支持多渲染方案与跨平台使用支持以VML、SVG、Canvas的形式渲染图表。VML可以兼容低版本IE，SVG使得移动端不再为内存担忧，Canvas可以轻松应对大数据量和特效的展现。除了PC端和移动端的浏览器，Echarts还能在node.js上配合node-canvas进行高效的服务端渲染（SSR）。从4.0开始，还提供了对小程序的适配。

12.1ECharts概述ECharts的特点?深度的交互式数据探索：Echarts提供了图例、视觉映射、数据区域缩放、tooltip、数据刷选等易于使用的交互组件，可以对数据进行多维度数据筛选、视图缩放、展示细节等交互操作。多维数据的支持以及丰富的视觉编码手段：Echarts3开始加强了对多维数据的支持。除了加入平等坐标等常见的多维数据可视化工具外，对传统的散点图，传入的数据也可以是多个维度的。配合视觉映射组件visual-map提供的丰富的视觉编码，能够将不同维度的数据映射到颜色、大小、透明度、明暗度等不同的视觉通道。

12.1ECharts概述ECharts的特点?动态数据：Echarts由数据驱动，数据的改变驱动图表展现的改变。只需要获取数据、填入数据，echarts会找到两组数据之间的差异，然后通过合适的动画去表现数据的变化。配合timeline组件能够在更高的时间维度上去表现数据的信息。绚丽特效以及强大的三维可神化：Echarts提供了基于WebGL的EChartsGL，用户可以跟使用Echarts普通组件一样轻松使用EChartsGL绘制出三维的地球，建筑群，人口分布的柱状图，在此基础上还提供了不同层级的画面配置项，只需几行配置就能得到艺术化的画面。

ECharts概述Echarts基础概念Echarts绘制图表Pyecharts可视化第12章：ECharts与Pyecharts可视化方法

12.2Echarts基础概念HTML5ECharts是基于HTML页面的可视化图表。!DOCTYPEhtmlhtmllang=zhheadtitle这是我的网页/title/headbodyh1我的第一个网页/h1p正文/p/body/html

12.2Echarts基础概念HTML5ECharts是基于HTML页面的可视化图表。标记head/head代表HTML5的头部body/body代表HTML5的正文部分将文档保存为.html文件后，即可使用浏览器运行。

12.2