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

时间:2021-10-28 22:20:01

模块图表分析的设计

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

下面具体介绍一下:
1.设置属性,使模块“省份”可显示图表。
模块管理常规功能自定义系统的设计与实现(14--模块图表分析的设计)

        2.修改模块字段属性,使字段“省份名称”,“简称”可以作为图表项目;“面积”,“人口数量”,“GDP”,“百分比”四个数值字段作为数值内容。
模块管理常规功能自定义系统的设计与实现(14--模块图表分析的设计)模块管理常规功能自定义系统的设计与实现(14--模块图表分析的设计)

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

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

        其中的“项目内容”只能选一个,而数值内容可以选择多个,图表类型有柱状图,条状图,折线图,面积图,饼图五种。
        对于图表所选择的记录有二种方式,如果当前只选中了一条记录,那么就以Grid中当前页的所有记录作为图表源,如果选择了2行以上的记录(选择方式和Excel选取多行一样,ctrl,或shift+鼠标键),那么就以选中的行作为图表源。
下图例子中我选取10个省作为图表源来进行展示,下图显示了十个省的人口对比的饼图。
模块管理常规功能自定义系统的设计与实现(14--模块图表分析的设计)
下面展示选择二个数值字段

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

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

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