ECharts动态图表展示

1.首先简要的介绍一下Echarts：

   ECharts,缩写来自Enterprise Charts,商业级数据图表，一个纯javascript的图标库，兼容当前绝大多数浏览器，提供直观，生动，可交互，高度个性化定制的数据可视化图表。创新的数据拖拽重计算，数据视图，值域漫游等特性大大增强了用户体验。好了，基本介绍就扯到这里吧，有兴趣的孩纸想要了解就去找度娘或者上Echarts官网了解更多（http://echarts.baidu.com/）。

2.动态图的实现及流程：

  其实首先应该说说echarts静态图表比较合理，不过考虑到官网上对这方面的介绍比较详细且全面，所以在此就不必啰嗦了。一笔带过。

  <1>动态数据的图表展示。其核心就是后台要返回给前台JSP一个ChartModel。

  <2>首先我们定义三个Model

    ChartModel   chartModel=new ChartModel();//简单理解为图Model

    XAxisModel   axisModel=new XAisModel();//X轴Model对象

    YAxisModel   yaxisModel=new YAxisModel();//Y轴Model对象

  对于我们的一个图而言（在此以柱状图为例），以上三个对象足以描述我们所需的图表。之后就是对这些对象进行一些相关操作。下面一一说明。

 <3> axisModel对象

    该对象我们主要用到一个方法：axisModel.setdata(Xdata);

  用于放置X轴上所要展示的数据。所以说，显而易见，Xdata应该是个数组，通常情况下，该数据是一个时间串。（初学者该考虑考虑如何根据startTime，endTime得到一个时间串数据呢？呵呵呵呵呵。反正我是会了）

<4>yaxisModel对象

   通过联系坐标轴我们知道，Y轴一般有哪些属性呢。。。。首先当然是name啦，，确实是。那么对于yaxisModel.setName();也就不多说了。细心的同学可能发现问题了，要是我有左右2个Y轴，那咋办。。。呵呵呵。简单，因为还有一个yaxisModel.setNameRight()方法啊。。反正你能想到的，高人早就想到了且实现了，啧啧。。。

<5>最后就是我们的最重要的chartModel对象了。

    该对象要对其设置以下4个重要属性：

   chartModel.setLegend(); // 设置标题

   chartModel.XAxis(axisModel);//设置axisModel对象

   chartModel.YAixs(yaxisModel);//设置yaxisModel对象

   chartModel.setSeries();该方法就是往chartModel对象放置前台所要展示的动态数据。具体怎么个实现呢，下次再说吧。哥哥我该去吃点东西咯。。。