Sencha touch chart的应用与学习

来源:互联网 发布:盗扣扣软件 编辑:程序博客网 时间:2024/05/19 01:06

从Sencha官方站下载的 touch chart 压缩包及在线文档有一个问题

Demo中使用的是Ext.chart.Panel对象,但文档说明中写得却是Ext.chart.Chart。所以使用时,方法,属性都对不上了。自己查看了源代码。

Ext.chart.Panel是继承Ext.Panel,所以包含Ext.Panel的所有功能,但重写布局,在源代码里改造了dockitems,加了标头。而且还没有开关可以控制这个dockitems,所以如果想只显示图表,自定义其它布局,就需要改造源代码才能使用。

Ext.chart.Chart是Ext4中的对象,需要Ext4中的ext.js文件才能使用,而这个框架包含得太多其它功能了。


所以作移动开发,而且想用Ext.chart.Panel就必须自己改造一下了。希望以后Sencha在升级touch chart时可以增加一个开关用于控制Ext.chart.Panel的dockitems,毕竟用chart并一定所有布局都要用Ext控制。


touch chart的demo中都是fullscreen显示的,想放置在指定id的div中,请在Ext.setup时,先在div中对立一个Ext.Panel,然后再用上文改造后的Ext.chart.Panel,并把这个Ext.chart.Panel对象添加到Ext.Panel中。就可以在保持原布局的同时,用上touch chart了。


如果用是Ext4开发,就不要再加touch-chart了,因为Ext4本身已经有chart的相关功能。直接使用Ext.chart.Chart就可以了。


最后祝愿使用touch chart的兄弟们好运吧!


补充:touch chart的默认css文件会干扰自己在body中首个元素的全屏效果,全屏用的是position:absolute;width:100%;height:100%。在Android2.2中只有宽度起作用,高度就计算错了。还不清楚原因,有知道的欢迎拍砖。