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

数学课件中动态统计图的使用
：
数学课件中动态统计图的使用
总结大全 /html/zongjie/
在数学教学中，我们常常需要使用到各种统计图，包括条形统计图、折线统计图和扇形统计图。

不过常常会遇到这样的问题：统计图是事先制作好的，无法根据课堂的生成随时调整，另外，统计图的呈现方式比较呆板、不美观，不能够充分调动学生的兴趣。

能否创建一种动态统计图的呈现方式呢？这里的动态有两层含义：一是呈现的方式是动态的，一个条形或者折线以动画的方式呈现，比如条形从零开始，逐渐生长到了一定的值；二是统计图的数据是动态的，可以在课件运行时直接输入数据，然后根据这些数据实时生成统计图，也可以从后台数据库中读取数据，从而生成统计图，因此，也适用于呈现实时投票结果上。

使用FusionCharts即可以实现上面的效果。

FusionCharts是一个Flash的图表组件，它可以用来制作数据动画图表，动画效果非常好（如图1）。

由FusionCharts 创建的图表外观流畅，交互方式有趣。

另外，还有一些图表可提供独一无二的用户体验，例如：该软件的3D图表允许用户在客户端对图表进行动态旋转，可以以任意视角对统计图中的数据进行放大观看，并具备点击功能。

：
现在需要的文件已经各就各位了，该回到Flash中去了。

将Flash中的当前层改名为“背景”，在这里可以自由设置课件的背景。

新建一个图形“Actions”用于存放脚本。

在第一帧中输入下面的脚本：
#include "com/fusioncharts/includes/LoadingFunctions.as"
#include "com/fusioncharts/includes/AppMessages.as"
这两个文件中包含了创建统计图的一系列预定义的函数。

要创建统计图，我们还需要对应的统计图的类文件，接着输入下面一行脚本：
import com.fusioncharts.core.charts. Pie2DChart；
下面我们着手创建XML数据，通过字符串的连接功能，将所有的xml语句存放在一个变量strXML中。

这里我们直接给出了统计图的各项数据，在实际应用中，数据可以是来自于数据库。

接着输入下面的脚本：
var strXML：String = ""；
strXML = strXML + ""；
strXML = strXML + ""；
strXML = strXML + ""；
strXML = strXML + ""；
strXML = strXML + ""；
strXML = strXML + ""；
var xmlData：XML = new XML（strXML）；
下面开始创建统计图了。

首先，我们需要新建一个空的影片剪辑“chartContainerMC”，然后，将统计图加到这个影片剪辑上去。

简历大全 /html/jianli/
var chartContainerMC：MovieClip = this.createEmptyMovieClip （"ChartHolder"，1）；
var myFirstChart：Pie2DChart = new Pie2DChart（chartContainerMC， 1，450， 325， 20， 15， false， "EN"， "noScale"）；
第二行语句用于创建一个450x325像素大小的二维扇形统计图。

myFirstChart.setXMLData（xmlData）；
这行语句用于设置统计图的数据源。

myFirstChart.render（）；
绘制统计图
stop（）；
测试该文件，效果如图2所示。

这个统计图还有两个小功能，当鼠标移动到某一数据块上面的时候，会显示一个文本信息，显示该分类项的标题和百分比，如果用鼠标点击某个数据块，该扇形块会以动画的方式分离出来，效果非常好（如图2）。

图2
三、根据输入的结果随时调整统计图
现在，我们开始制作一个高级一点的实例，可以在课件运行的时候输入数据，然后根据实时数据生成三维扇形统计图，实现数据的动态化。

首先，新建一个actionscript 2.0脚本的文件，分别新建“用户界面”图层、“脚本”图层和“标签”图层。

在“标签”图层中，第1帧取名“初始化”，第二帧取名“填表”，用于接受用户数据，第三帧取名“绘图”，用于呈现统计图（如图3）。

：
var btnListener：Object = new Object（）；
btnListener.click = function（） {
var strXML：String=""；
strXML = strXML + ""；
strXML = strXML + ""；
strXML = strXML + ""；
mineChart.setXMLData（new XML（strXML））；
gotoAndStop（"绘图"）；
}
btnDraw.addEventListener（"click"， btnListener）；
stop（）；
下面可以绘制统计图了，第3帧处插入一个空白关键帧，输入脚本：
chartContainerMC._visible = true；
mineChart.render（）；
var btnListener：Object = new Object（）；
btnListener.click = function（）{
mineChart.remove（）；
mineChart.rEinit（）；
chartContainerMC._visible = false；
gotoAndStop（"填表"）；
}
btnBack.addEventListener（"click"，btnListener）；
stop（）；
上面的脚本除了绘制统计图外，还编写了“返回”按钮的功能，我们希望用户按下“返回”按钮后，能够清除原先的统计图，返回到输入框，继续接受用户的数据。