码迷,mamicode.com
首页 > 其他好文 > 详细

模块管理常规功能自定义系统的设计与实现(14--模块图表分析的设计)

时间:2014-04-29 13:37:20      阅读:296      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   使用   2014   问题   

模块图表分析的设计

        图表分析作为一个辅助的信息展示手段也是必须要有的。如何为一个模块自定义图表方案,并且能够保存方案是这节要介绍的。使一个模块能够具有图表功能需要以下几个步骤:
        1.修改模块属性,使模块可以显示图表。
        2.修改模块字段属性,使某些字段成为“项目内容”,另一些字段作为“数值内容”。
        3.进入模块,点击“图表”按钮。
        4.可以选择和修改各种图表参数,并保存方案,供以后使用。

下面具体介绍一下:
1.设置属性,使模块“省份”可显示图表。
mamicode.com,码迷

        2.修改模块字段属性,使字段“省份名称”,“简称”可以作为图表项目;“面积”,“人口数量”,“GDP”,“百分比”四个数值字段作为数值内容。
mamicode.com,码迷mamicode.com,码迷

设置好以后,刷新网页,进入“省份模块”。点击上面的“图表分析”按钮,可以显示图表窗口。

mamicode.com,码迷

        其中的“项目内容”只能选一个,而数值内容可以选择多个,图表类型有柱状图,条状图,折线图,面积图,饼图五种。
        对于图表所选择的记录有二种方式,如果当前只选中了一条记录,那么就以Grid中当前页的所有记录作为图表源,如果选择了2行以上的记录(选择方式和Excel选取多行一样,ctrl,或shift+鼠标键),那么就以选中的行作为图表源。
下图例子中我选取10个省作为图表源来进行展示,下图显示了十个省的人口对比的饼图。
mamicode.com,码迷
下面展示选择二个数值字段

mamicode.com,码迷

折线图
mamicode.com,码迷

        以上图表功能完全是使用extjs4的图表基本功能制作而成。现在只有一个问题,就是图表不能导出,导出的中文字全是乱码,因此如果要使用图表的话,只能自己截屏了。
        上面一共保存了三个图表方案,在图表方案选择框中一个,就会展示该方案所定义的图表。每一个模块都可以定义若干个图表方案,是所有用户共享的,暂时没有设计权限。




模块管理常规功能自定义系统的设计与实现(14--模块图表分析的设计),码迷,mamicode.com

模块管理常规功能自定义系统的设计与实现(14--模块图表分析的设计)

标签:style   blog   http   使用   2014   问题   

原文地址:http://blog.csdn.net/jfok/article/details/24661751

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!