数学课件中动态统计图使用.docVIP

数学课件中动态统计图使用 　数学课件中动态统计图的使用 在数学教学中，我们常常需要使用到各种统计图，包括条形统计图、折线统计图和扇形统计图。不过常常会遇到这样的问题：统计图是事先制作好的，无法根据课堂的生成随时调整，另外，统计图的呈现方式比较呆板、不美观，不能够充分调动学生的兴趣。能否创建一种动态统计图的呈现方式呢？这里的动态有两层含义：一是呈现的方式是动态的，一个条形或者折线以动画的方式呈现，比如条形从零开始，逐渐生长到了一定的值；二是统计图的数据是动态的，可以在课件运行时直接输入数据，然后根据这些数据实时生成统计图，也可以从后台数据库中读取数据，从而生成统计图，因此，也适用于呈现实时投票结果上。 　使用FusionCharts即可以实现上面的效果。FusionCharts是一个Flash的图表组件，它可以用来制作数据动画图表，动画效果非常好（如图1）。由FusionCharts创建的图表外观流畅，交互方式有趣。另外，还有一些图表可提供独一无二的用户体验，例如：该软件的3D图表允许用户在客户端对图表进行动态旋转，可以以任意视角对统计图中的数据进行放大观看，并具备点击功能。 　图1 　下面将结合实例对动态统计图的部分特征及操作流程进行介绍。 　一、无需编程 　下面我们来介绍一下FusionCharts文件夹中的子文件夹。Charts里存放了各种类型的统计图swf文件，如果我们需要在网络上使用统计图，那么必须要使用这里的对应文件。每种统计图都有一个以swf为后缀的文件。例如：当需要创建立体风格的条形统计图时，需要Column3D.swf文件，如果要创建三维风格的扇形统计图，就需要用到Pie3D.swf文件。Code文件夹中存放了各种使用实例。SourceCode文件夹中存放的是源文件，当需要在Flash作品中插入统计图，即从该文件中提取文件。Tools文件夹中存放了生成xml文件的工具。 　新建一个文件夹“我的统计图”专门存放我们的统计图文件，拷贝Fusion Charts所在目录Charts子文件夹下的Column2D.swf文件到“我的统计图”文件夹。这是一种二维风格的条形统计图，如果此时双击这个文件，不会看到任何图形，因为我们还没有给定数据。下面，在“我的统计图”文件夹中新建一个数据文件Data.xml，其中，给出条形统计图的相关信息，包括标题、横轴、纵轴和数据： 　　　xAxisName=‘名称’ yAxisName=‘单位：m’ useRoundEdges=‘1’ baseFontSize =‘12’ outCnvBaseFontSize =‘18’ gt; 　 　 　 　 　 　上面的这行代码中，是root元素，这里设置了统计图的标题（caption），副标题（subcaption），x轴名称（xAxisName），y轴名称（yAxisName）。其中，useRoundEdges=‘1’用于设置条形的呈现效果为圆角类型（如图1），这种类型更加美观，此功能仅能在3.2以上版本中使用，最后还分别设置了字体大小，baseFontSize是统计图中条形上的数据的字体大小，outCnvBaseFontSize是外围区域字体的大小，如果你愿意，还可以设置阴影、边框、字体等属性。在元素中还有很多的元素，这些元素是用来设置数据的名称和数据值的。 　这时再双击Column2D.swf文件，就能够看到动态的统计图呈现出来了。如果我们想调整统计图的类型，比如：将原先的条形统计图改成折线统计图，只需要从Charts文件夹中复制Line.swf到“我的统计图”文件夹中。 　二、Flash课件中的图表 　如果要将统计图完美地整合在自己的课件中怎么办呢？下面我们开始将动态统计图整合在自己的flash课件中，首先，要确保使用的是FusionCharts v3以上的商业版本。Flash的版本要在8.0以上，使用的脚本是ActionScript 2.0。 　前面我们提到过FusionCharts需要从xml文件中获取数据信息，因此，即便是在Flash中我们也需要提供xml格式的数据。在Flash中我们可以使用字符串的连接轻松创建xml数据，并不需要创建一个物理的XML文件，可以在文件运行的时候动态创建数据并传输，因此，即便是我们的数据存放在数组中、远程数据库中，都可以轻松地转换成XML数据，并且实时传输给FusionCharts。 　首先，新建一个使用ActionScript 2.0脚本的Flash文件，设置舞台的大小为500x350像素，背景色为白色，将其保存为“动态统计图.fla”。在我们开始编写脚本之前，需要拷贝一些组件。将SourceCode文件夹下的com文件夹，拷贝到fla文件所在的目录下。这样在“动态统计图.fla”文