jsp的flash小例子

准备: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里。

posted on 2013-05-21 15:12  明天521  阅读(248)  评论(0编辑  收藏  举报