由于项目中使用个的是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 学习笔记