echarts+extjs3.x结合

由于项目中使用个的是extjs3系列，它自带的图标据我的了解没办法画平滑的曲线图，只能画折线图，在extjs4中增加了一个属性smooth可以进行曲线和折线的控制，但是项目中有很多老的部分已经使用了extjs3系列，所以决定使用echarts来完成图表的设计，高版本的extjs可以使用模块化的形式引用echarts,echarts使用的是AMD规范的，所有实现了AMD规范的框架都可以方便的引入，echarts也支持单文件的形式引入，本次就是使用单文件的形式引入，可以在panel或者tabpanel的render事件中引入要使用的echarts代码，在组件渲染之前对其进行操作，echarts的事件控制也不错，引入了echarts-all这个js文件之后，就可以获取echarts.config这个全局对象，然后使用生成的echarts对象调用on方法添加对应事件，传递的参数param,目前我是用的param属性有dataIndex,seriesIndex,seriesName,value,name,可以根据自己的需求使用，总的来说感觉echarts比较好，至少比extjs3系列的图表生成的方法要强大一些。

我的博客www.comecode.ren 学习笔记