教你如何用百度Echarts做静态报表

            Echarts，Enterprise Charts，商业级数据报表，缘起于百度公司自身的业务需要，是为了满足公司商林体系里各种业务系统的报表需求而产生的。其在百度自身前端团队的研发下，加之开源的特点，一经发布，迅速得到业界的高度认可和普遍好评，称为国内数据可视化领域的“后起之秀”。最近因为项目的需要，我们在项目中引入了Echarts用来显示界面图形报表。

     Echarts的产生及发展，在这里就不再赘述。但是还是推荐大家在接触一个新事物时，最后还是在茶余饭后去翻翻它的产生及发展历程，这样对于加深认识和理解很有帮助。好了，长话不多说，关于Echarts我打算用两篇文章来叙述。今天这篇从Echarts的引入及一个简单的静态报表入手，介绍一下如何制作一个简单的静态报表。下篇文章难度升级，我将介绍一下如何从后台动态读取数据，来制作一个动态的报表。那么开始今天的内容，如何用百度Echarts来制作一个静态的报表呢？

     首先先下载工具包。下载地址：http://download.csdn.net/detail/huanjileaimeidan/9226079。下载完工具包之后在页面中引入相应的js就可以了。

     引入了工具包之后，就开始在页面中制作静态报表了

    图表中的options才是Echarts图表的重头戏，其中options是来给图表设置数据的，options是数组元素；tooltip是提示框；legend是图例；toolbox类似一个工具箱，按照上面的设置可以随意切换图表的样式，可以转换成柱状图、条形图还可以还原数据查看数据本身等等；calculable可设置是否拖拽；series是设置图表中的具体数据。

   

     这样一个简单的百度静态报表就做好了。相对于下篇博客而言，静态报表的数据都是在页面写死的，下篇博客我将介绍如何从后台加载数据，动态的获取数据进行报表展示。这篇博客，对于初学者而言，需要仔细看看一个报表的结构，具体的x轴y轴及数据的展示。下篇博客我们将加大难度制作动态报表，敬请期待！