Flash报表控件(FusionCharts) 使用

简介:
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>

效果如下图:


目录
相关文章
|
XML 关系型数据库 数据格式
给SAP WebClient UI的表格行项目增添PDF预览功能
给SAP WebClient UI的表格行项目增添PDF预览功能
105 0
给SAP WebClient UI的表格行项目增添PDF预览功能
Flash 报表之 CandlestickChart & ColumnChart
1.CandlestickChart 显示金融数据为一系列的蜡烛图,其体现高低开关的相关数值。每个图像的垂直线上的上顶点和下地点代表了每个数据点的高低数值,填充盒子的上顶和下底分别代表开发和关闭的数值。
1140 0
Flash 报表之 LineChart & PieChart
1.LineChart 主要用于用线条显示数据图表信息     2. LineChart 的使用代码 代码  1  2  3      4         [CDATA[ 5             import mx.
844 0
Flash 报表之 BarChart & BubbleChart
1.BarChart 显示数据为一系列的水平条,起长度代表着相应的数值。   以上是BarChart 的效果图,显示了不同学生数学和中文的成绩   2.BarChart 使用代码 代码  1  2      3         [CDATA[ 4             import mx.
960 0
Flash 报表之 AreaChart
1.Flex 图表组件介绍 在Flex 中提供了一系列图表组件,可以使用图表或图形来显示数据 Flex 中可以把表格数据分为条形图表(Bar),饼行图表(Pie),折线图表(Line).   2.Flex 支持的坐标轴 CategoryAxis: 对应一组数组值到坐标轴上面。
831 0
|
JavaScript
【推荐】用于UI和表单设计的10款jQuery插件
本文搜集了一些有用的用户界面和架构设计工具。包含架构验证器、文件上传以及UI工具包。 1.A Better Form 这款插件有助于清除垃圾评论、垃圾邮件和自动提交表单。 在线演示 2.3 State Switch Plugin 此款插件可切换至三种状态。
1475 0
|
C#
wpf采用Xps实现文档显示、套打功能
原文:wpf采用Xps实现文档显示、套打功能 近期的一个项目需对数据进行套打,用户要求现场不允许安装office、页面预览显示必须要与文档完全一致,xps文档来对数据进行处理。Wpf的DocumentView 控件可以直接将数据进行显示,xps也是一种开放式的文档,如果我们能够替换里面的标签就最终实现了我们想要的效果。
1730 0