最近在研究一个关于报表的插件，它叫Fusion Charts。我个人认为还是挺好用的啊。下面我们简单的看一个示例程序。我们做一些直方图，从而显式每个月的销售情况
首先， 将下载好的Fusion目录中的Charts目录放置到应用中
其次， 在显式的JSP页面中导入FusionCharts.js
<script type="text/javascript" src="<%=path %>/Charts/FusionCharts.js"></script>
再次， 创建要展现数据的XML文件 Data.xml
<graph caption='每月销售额柱形图' xAxisName='月份' yAxisName='销售额' 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='9e080d'/>
<set name='十二月' value='960' color='a186b1'/>
</graph>
最好，现在我们要做展现的事情了
<body>
下面是展示的报表
<div id="chartid"></div>
<script type="text/javascript">
var myChart = new FusionCharts("Charts/Column3D.swf","myChartID","600","500");
myChart.setDataURL('Data.xml');
myChart.render("chartid");
</script>
</body>
分享到：
相关推荐
funsion chartsV3 for flex 破解文件及DEMO，绝对可运行！ 主要是里面的SWC文件已经破解了，绝对可以运行，没有水印，跟正版一样！ 运行环境：flash builder 4.6
FusionCompute 安装指南 FusionCompute 是华为公司研发的虚拟化技术，旨在帮助企业快速构建私有云。通过 FusionCompute，可以实现服务器虚拟化、存储虚拟化和网络虚拟化，提高了数据中心的灵活性和扩展性。...
VINS系列（一）-Vins-Funsion环境配置
这是我个人通过学习Slam中的Vins-Funsion框架做的知识总结，里面的知识总结可能存在问题，如果发现哪里不对的话，希望大家能帮我指出来，共同进步
以下是关于FusionCharts及其核心组成部分——Data和Charts文件夹的详细解释。 1. **FusionCharts介绍** FusionCharts是一款JavaScript图表库，支持超过90种不同类型的图表，包括柱状图、饼图、线图、热力图等，...
本示例是针对如何利用FusionCharts实现图表数据导出到Excel的实践分享。 首先，我们需要理解FusionCharts的导出机制。FusionCharts支持多种导出格式，包括PDF、SVG、PNG等，以及Excel。导出功能是通过其内置的...
Altium Designer是一款强大的电子设计自动化（EDA）软件，广泛用于电路板设计。PCB3D是Altium Designer中的一个特色功能，它允许设计师在3D环境中预览和布局PCB，以便更好地理解实际产品的外观和空间占用。...
在示例中，`declare -i SUM=0`声明了一个名为SUM的整型变量，用于累加数值。 2. CASE循环： CASE语句提供了一种多分支选择结构，类似于其他语言中的SWITCH语句。基本语法如下： ``` case 变量 in value1) 语句...
华为 FusionServer 1288H V5是一款1U2路机架服务器，适用于云计算虚拟化、高性能计算(HPC)、大数据处理等负载的高密度部署，提升数据中心空间利用率。1288H V5在1U空间里可配置2路英特尔® 至强® 可扩展处理器、24...
NULL 博文链接：https://liuzidong.iteye.com/blog/888475
FunsionCompute8.0 包含 CNA、VRM及常用工具
今天小编就为大家分享一篇MAC VMWare Fusion网络设置方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
MySQL 赋予用户权限命令的简单格式可概括为： 代码如下:grant 权限 on 数据库对象 to 用户 [identified by ‘密码’] 最常用的，弄主从同步的时候，给从库的slave用户设置拥有所有权限，权限all仅允许其从192.168....
在JavaScript中，我们经常需要获取URL中的查询参数（query ...这个函数不仅适用于简单的URL，还能够处理包含多个参数或复杂参数结构的情况。只要URL的格式正确，这个函数就能正常工作，提取并解码所有的GET参数。
问题： 之前虚拟机都是可以通过桥接模式上网的，这两天新装的虚拟机不管怎么设置，都无法通过桥接模式连接上网络。 原因和解决办法： 尝试了很多种办法，最后发现是腾讯的全民wifi的问题。 因为全民wifi和无线键鼠...
Fusion-360-Linux（葡萄酒版） 我使用WINE在Linux上运行该程序，因此您仅需能够使用Fusion 360，就不需要两个操作系统。 在我的系统上，我将openSUSE Leap 15.2与桌面环境Xfce一起使用。 该程序实际上已经在运行...
FusionCharts是一款强大的JavaScript图表库，它提供了丰富的图表类型和高度可定制的参数，使得创建交互式、美观的图表变得简单。以下是对FusionCharts部分关键参数的详细说明： 1. **动画效果**： - `animation`: ...
GRANT REPLICATION SLAVE ON *.* TO 'funsion'@'%' IDENTIFIED BY 'jb51.net'; ``` 接下来，在从服务器（10.1.123.160）上配置： 1. 修改`my.cnf`文件，同样添加`server-id`，但设置为不同的ID，例如`2`。 - ...