博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Flash报表控件(FusionCharts) 使用
阅读量:4355 次
发布时间:2019-06-07

本文共 1386 字,大约阅读时间需要 4 分钟。

最近公司里要使用到图表控件。

查看公司网站流量时,观察到http://www.cnzz.com 中的统计报表挺好看的,就习惯性的查看了下源代码,才知道了用的是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>

效果如下图:

 

 

 

转载于:https://www.cnblogs.com/jzb-dev/archive/2013/02/28/2937880.html

你可能感兴趣的文章
AlertDialog的onCreateDialog与onPrepareDialog用法
查看>>
swift菜鸟入门视频教程-12-21讲
查看>>
PL/SQL 异常处理程序
查看>>
javascript小白学习指南1---0
查看>>
div:给div加滚动栏 div的滚动栏设置
查看>>
java随机函数使用方法Random
查看>>
链表中环的入口结点
查看>>
凤姐讲学英语
查看>>
ActionBar
查看>>
5种方法实现数组去重
查看>>
2~15重点语法
查看>>
flask中的CBV,flash,Flask-Session,WTForms - MoudelForm,DBUtils 数据库连接池
查看>>
最近整理的提供免费代理列表的几个网站
查看>>
探偵ガリレオー転写る2
查看>>
快速排序算法C++实现[评注版]
查看>>
七尖记
查看>>
SAP(最短增广路算法) 最大流模板
查看>>
用极大化思想解决矩形问题学习笔记
查看>>
Django REST Framework 简单入门
查看>>
Hibernate中fetch和lazy介绍
查看>>