准备：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里。
扫一扫
2339
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
