[Ext JS 4] 组件之图表

前言

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

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

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

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

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

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