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里。
轉載于:https://www.cnblogs.com/mingtian521/archive/2013/05/21/3090795.html
總結
以上是生活随笔為你收集整理的jsp的flash小例子的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 播放生成Android4.0.3中的提示
- 下一篇: Web网站架构设计(转)