欢迎来到天天文库
浏览记录
ID:25492641
大小:59.00 KB
页数:7页
时间:2018-11-20
《数学课件中动态统计图的使用》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库。
1、数学课件中动态统计图的使用数学课件中动态统计图的使用在数学教学中,我们常常需要使用到各种统计图,包括条形统计图、折线统计图和扇形统计图。不过常常会遇到这样的问题:统计图是事先制作好的,无法根据课堂的生成随时调整,另外,统计图的呈现方式比较呆板、不美观,不能够充分调动学生的兴趣。能否创建一种动态统计图的呈现方式呢?这里的动态有两层含义:一是呈现的方式是动态的,一个条形或者折线以动画的方式呈现,比如条形从零开始,逐渐生长到了一定的值;二是统计图的数据是动态的,可以在课件运行时直接输入数据,然后根据这
2、些数据实时生成统计图,也可以从后台数据库中读取数据,从而生成统计图,因此,也适用于呈现实时投票结果上。 使用FusionCharts即可以实现上面的效果。FusionCharts是一个Flash的图表组件,它可以用来制作数据动画图表,动画效果非常好(如图1)。由FusionCharts创建的图表外观流畅,交互方式有趣。另外,还有一些图表可提供本文由.L.收集整理独一无二的用户体验,例如:该软件的3D图表允许用户在客户端对图表进行动态旋转,可以以任意视角对统计图中的数据进行放大观看,并具备点击功
3、能。 图1 下面将结合实例对动态统计图的部分特征及操作流程进行介绍。 一、无需编程 下面我们来介绍一下FusionCharts文件夹中的子文件夹。Charts里存放了各种类型的统计图sn3D.sl文件的工具。 新建一个文件夹我的统计图专门存放我们的统计图文件,拷贝FusionCharts所在目录Charts子文件夹下的Column2D.sl,其中,给出条形统计图的相关信息,包括标题、横轴、纵轴和数据: xAxisName='名称'yAxisName='单位:m'useRoundE
4、dges='1'baseFontSize='12'outCnvBaseFontSize='18'> 上面的这行代码中,是root元素,这里设置了统计图的标题(caption),副标题(subcaption),x轴名称(xAxisName),y轴名称(yAxisName)。其中,useRoundEdges='1'用于设置条形的呈现效果为圆角类型(如图1),这种类型更加美观,此功能仅能在3.2以上版本中使用,最后还分别设置了字体大小,baseFontSize是统计图中条形
5、上的数据的字体大小,outCnvBaseFontSize是外围区域字体的大小,如果你愿意,还可以设置阴影、边框、字体等属性。在元素中还有很多的元素,这些元素是用来设置数据的名称和数据值的。 这时再双击Column2D.sl文件中获取数据信息,因此,即便是在Flash中我们也需要提供xml格式的数据。在Flash中我们可以使用字符串的连接轻松创建xml数据,并不需要创建一个物理的XML文件,可以在文件运行的时候动态创建数据并传输,因此,即便是我们的数据存放在数组中、远程数据库中,都可以轻松地转换
6、成XML数据,并且实时传输给FusionCharts。 首先,新建一个使用ActionScript2.0脚本的Flash文件,设置舞台的大小为500x350像素,背景色为白色,将其保存为动态统计图.fla。在我们开始编写脚本之前,需要拷贝一些组件。将SourceCode文件夹下的文件夹,拷贝到fla文件所在的目录下。这样在动态统计图.fla文件所在的位置下,还有一个文件夹。文件夹中包含了FusionCharts的一些类文件,这些文件用于生成统计图。现在需要的文件已经各就各位了,该回到Flash
7、中去了。将Flash中的当前层改名为背景,在这里可以自由设置课件的背景。新建一个图形Actions用于存放脚本。在第一帧中输入下面的脚本: #include"fusioncharts/includes/LoadingFunctions.as" #include"fusioncharts/includes/AppMessages.as" 这两个文件中包含了创建统计图的一系列预定义的函数。要创建统计图,我们还需要对应的统计图的类文件,接着输入下面一行脚本: import.fusionchar
8、ts.core.charts.Pie2DChart; 下面我们着手创建XML数据,通过字符串的连接功能,将所有的xml语句存放在一个变量strXML中。这里我们直接给出了统计图的各项数据,在实际应用中,数据可以是来自于数据库。接着输入下面的脚本: varstrXML:String=""; strXML=strXML+""; strXML=strXML+""; strXML=strXML+""; strXML=strXML+""; strXML=strXML+""; strXML=
此文档下载收益归作者所有