8/20号

特性
丰富的图表类型:提供开箱即用的20多种图表和十几种组件，并且支持各种图表以及组件的任意组合。·强劲的渲染引擎:Canvas、SVG 双引擎一键切换，增量渲染、流加载等技术实现千万级数据的流畅交互。
·专业的数据分析:通过数据集管理数据，支持数据过滤、聚类、回归，帮助实现同一份数据的多维度分析。
·优雅的可视化设计:默认设计遵从可视化原则，支持响应式设计，并且提供了灵活的配置项方便开发者定制。
·健康的开源社区︰活跃的社区用户保证了项目的健康发展，也贡献了丰富的第三方插件满足不同场景的需求。
·友好的无障碍访问:智能生成的图表描述和贴花图案，帮助视力障碍人士了解图表内容，读懂图表背后的故事。

获取ECharts
ECharts提供了多种安装方式，你可以根据项目的实际情况选择以下任意一种方式安装。

·从GitHub获取
·从npm 获取

·从CDN获取

·在线定制
接下来，我们将介绍后两种安装方式。

概念
图表容器及天小

下面，我们就常见的几种使用场景，介绍如何初始化一个图表以及改变其大小。

在HTML中定义有宽度和高度的父容器(推荐)
通常来说，需要在HTML中先定义一个<div>节点，并且通过CSS使得该节点具有宽度和高度。初始化的时候，传入该节点，图表的大小默认即为该节点的大小。
实例:
 

 

指定图表大小

如果图表容器不存在宽度和高度，或者，你希望图表宽度和高度不等于容器大小，也可以在初始化的时候指定大小。
实例:

响应容器大小的变化

在有些场景下，我们希望当容器大小改变时，图表的大小也相应地改变。
比如，图表容器是一个高度为400px、宽度为页面100%的节点，你希望在浏览器宽度改变的时候，始终保持图表宽度是页面的100%。
这种情况下，可以监听页面的window.onresize事件获取浏览器大小改变的事件，然后调用echartslnstance.resize改变图表的大小。