[Ext JS 4] 组件之图表

前言

图表用来更直观的呈现数据，通常它可以很好的呈现出数据之间的关系。

在Ext JS 4中， 图表的类使用绘图包开发的surfaces(表面)和sprites(精灵)。 这也就说，它们的底层技术都是SVG, VML 或 HTML 5 Canvas 的绘图技术。

每一个图表必须要三个组成部分： 数据(data), 轴(axes)和系列(Series)。

数据 -  是图表用来展示的信息，在Ext 中使用标准的Model 或是 Store.

轴 - 提供数据的来源，范围，规模和单位。组成图表的基本架构。 轴可以是笛卡尔坐标(x,y), 极性(或径向)，或轨距(用于仪表盘图表的一维轴)。尽管一个结合多个类型系列的图表需要额外的轴定义，但大多数的图表还是使用一组轴。

系列- 这个属于是用于数据的图形渲染的。换句话说，就是一个图标的基本图形项目，像 线图，柱状图，栏位或饼图。一个图形可以包含多个系列。 例如： 在一个图形的中有三个线状图就包含有三个独立的线系列。

可以添加标签，标记和图例说明到图上；还可以设置动画效果或是放大某一个区块。

label(标签) -- 对一个轴或是系统的解释性标题。

marker(标记) -- 用来在一个系列中绘制数据点的一个符号，形状或是图片。

legend(说明) -- 提供图的说明，解释各变量在图形中代表的意义。

listeners(监听器)--等待某个事件并作出一些动作像鼠标事件等

animation( 动画)--  图的元素可以移动