flash的简单应用

1.准备的东西:FusionCharts.js ,FCF_Column3D.swf

<script type="text/javascript" src="/FlashTest/FusionCharts.js"></script>
<body>
flash:
<div id="chartdiv" align="left" style="z-index: -999; color: blue;"></div>
</body>
<script type="text/javascript">
var dataXml = "<graph caption='每月销售额柱形图' xAxisName='月份' yAxisName='Units' showNames='1' decimalPrecision='0' formatNumberScale='0'>"
+"<set name='一月' value='462' color='AFD8F8' />"
+"<set name='二月' value='857' color='F6BD0F' />"
+"<set name='三月' value='671' color='8BBA00' />"
+"<set name='四月' value='494' color='FF8E46' />"
+"<set name='五月' value='761' color='008E8E' />"
+"<set name='六月' value='960' color='D64646' />"
+"<set name='七月' value='629' color='8E468E' />"
+"<set name='八月' value='622' color='588526' />"
+"<set name='九月' value='376' color='B3AA00' />"
+"<set name='十月' value='494' color='008ED6' />"
+"<set name='十一月' value='761' color='9D080D' />"
+"<set name='十二月' value='960' color='A186BE' /> </graph>";


var myChart2 = new FusionCharts("/FlashTest/FCF_Column3D.swf","myChart2","600","300");
alert(dataXml);
myChart2.setDataXML(dataXml);//加载数据可以是xml格式的
myChart2.render("chartdiv");//flash要显示的地方,在上面的div
解析:操作步骤: 
<1>建立对象: 
用四个参数建立了一个FusionCharts对象, 
    var myChart = new FusionCharts("../FusionCharts/FCF_Column3D.swf", "myChartId", "600", "500");  
      第一个参数是SWF文件的地址。 
      第二个是图形的id。这个id可以随便叫什么,但是要注意,当一个页面里有多个图形的时候,这个id一定要是唯一的。      
       第三个参数是图形的宽。   
       第四个参数是图形的高。

<2> 加载数据: 
第一种加载方法需要设置数据文件的地址。如:         myChart.setDataURL("Data.xml");   
第二种加载方法需要设置对应的字符串。如: 
    myChart2.setDataURL(dataXml); //dataXml为字符串 
 <3> 把图形渲染在指定的地方。 
myChart.render("chartdiv");   
   "chartdiv"就是前面的DIV的id,这就表示把图形render到"chartdiv",即Flash图形就出现在这个id为"chartdiv1"的DIV里。

 

你可能感兴趣的:(Flash)