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 学习笔记

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值