绘艺素材网
主页 > 脚本代码 > FusionCharts Flash图表组件

FusionCharts Flash图表组件

FusionCharts是一个前台是Flash的文件的一个报表控件,通过传到swf中的Xml数据来控制显示的报表图形。 在.net 中也可以动态生成Xml,把生成的Xml作为报表的数据源,报表就可以出来了。
对于生成Xml,有两种做法,一个是用Repeater控件,另一个用一般处理程序(ashx)。本文用到的后一种。
data.ashx生成的Xml文件:

<chart>
<categories >
<category label='1' />
<category label='2' />
<category label='3' />
<category label='4' />
<category label='5' /> 
</categories> 
<dataset seriesName='办公室' > 
<set value='0' toolText='办公室' /> 
<set value='3' toolText='办公室' /> 
<set value='0' toolText='办公室' /> 
<set value='2' toolText='办公室' /> 
<set value='0' toolText='办公室' /> 
</dataset>
<dataset seriesName='儿童世界管理部' > 
<set value='5' toolText='儿童世界管理部' />
<set value='0' toolText='儿童世界管理部' />
<set value='0' toolText='儿童世界管理部' /> 
<set value='3' toolText='儿童世界管理部' /> 
<set value='0' toolText='儿童世界管理部' /> 
</dataset> 
</chart>
 
apsx中的代码:
 
<html><head>
 
<title></title>
<script src="FusionCharts.js" type="text/javascript"></script>
<script src="MSLine.swf" language="javascript" type="text/javascript"></script>
</head>
<body>
<div id="chartdiv1" align="center">
</div>
<script type="text/javascript">
var chart = new FusionCharts("MSLine.swf", "ChartId", "850", "400", "0", "0");
chart.setDataURL("data.ashx");
chart.render("chartdiv1");
</script>
</body>
</html>
效果如下图:

Flash插件 Charts 图表组件 SWF格式 JS格式 HTML格式
立即下载本素材 “关注公众号,送价值699元超级大礼包”
二维码
flash版本图表插件amcharts
flash版本图表插件amcharts
Open Flash Chart2 Flash图表绘制
Open Flash Chart2 Flash图表绘制

猜你喜欢

热门标签

相关专题

同类内容