工程的目录结构以及所需要的文件如下:
a.index.jsp文件如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>My First FusionCharts</title> <script language="JavaScript" src="FusionCharts/FusionCharts.js"></script><!--引入--> </head> <body bgcolor="#ffffff"> <div id="chartdiv" align="center"> <script type="text/javascript"> var chart = new FusionCharts("FusionCharts/Bar2D.swf", "ChartId", "500", "350", "0", "0"); chart.setDataURL("Data/Data.xml"); chart.render("chartdiv"); </script> </div> </body> </html>
b.数据文件Data.xml如下:
<chart caption="zjshuai" xAxisName="Month" yAxisName="Units" showValues="0" decimals="0" formatNumberScale="0" chartRightMargin="30"> <set label="Jan" value="462" /> <set label="Feb" value="857" /> <set label="Mar" value="671" /> <set label="Apr" value="494" /> <set label="May" value="761" /> <set label="Jun" value="960" /> <set label="Jul" value="629" /> <set label="Aug" value="622" /> <set label="Sep" value="376" /> <set label="Oct" value="494" /> <set label="Nov" value="761" /> <set label="Dec" value="960" /> </chart>
部署到服务器上运行效果图如下:
相关推荐
2. **交互性**:FusionCharts支持交互式图表,用户可以悬停查看数据详情,点击图表元素进行筛选或者钻取深入的数据信息,提高了数据探索的效率。 3. **跨平台兼容**:FusionCharts支持各种Web开发框架和语言,如...
2. **数据源**:FusionCharts支持XML、JSON、CSV等多种数据格式。数据可以内联在HTML中,也可以通过服务器端脚本动态获取。 3. **图表类型**:FusionCharts提供了超过90种不同类型的图表,包括基本图表(如柱状图、...
这个"**FusionCharts2.*版本API及源码**"资源包含了关于FusionCharts 2.x系列版本的API文档、免费版的API介绍以及详细的图表参数大全,是开发者深入理解和使用FusionCharts的关键参考资料。 首先,我们来看**...
FusionCharts Free开发文档 FusionCharts Free是InfoSoft Global公司开发的基于Flash的图表组件,提供跨平台、跨浏览器的解决方案,能够生成交互式的动态图表。下面是FusionCharts Free开发文档的详细知识点: 一...
FusionCharts是一种制图组件,可以帮您为您的Web应用创建交互式的、数据驱动的图表、仪表盘和地图。它具有智能化、用户友好和创新等特点,可以将单调的数据转化为栩栩如生的图像,从而使您的Web应用更加的生动。它...
2. `chartType`: 定义图表的类型,如 'column2d'、'line'、'pie3d' 等。 3. `caption`: 图表的标题。 4. `paletteColors`: 设置图表使用的颜色系列。 5. `showValues`: 控制图表数据点是否显示值。 6. `isResponsive...
2. **创建图表对象**:使用JavaScript创建FusionCharts对象,并设置图表的基本属性,如类型、宽度、高度、标题、数据源等。 3. **加载数据**:数据可以是内联的JSON字符串,也可以是从服务器异步获取的。如果你选择...
标题中的"FusionCharts.dll"文件是FusionCharts Free软件的核心组件,这是一款强大的图表生成工具,专门用于在Web页面上创建交互式、视觉效果丰富的图表。这个控件以单一的动态链接库(DLL)文件形式提供,使得集成...
MSStackedColumn2DLineDY.swf Pie2D.swf Pie3D.swf Pyramid.swf Scatter.swf ScrollArea2D.swf ScrollColumn2D.swf ScrollCombi2D.swf ScrollCombiDY2D.swf ScrollLine2D.swf ScrollStackedColumn2D.swf Spline.swf ...
### 2. **配置与集成** FusionCharts XT 的配置过程相对简单,开发者只需包含必要的JavaScript库,设置图表的ID、类型、宽度、高度以及数据源。它支持JavaScript和服务器端语言(如Java)的无缝集成,允许动态数据...
### 2. FusionCharts实例与简单例子 在"报表FusionCharts讲解及简单实例.doc"和"FusionCharts步骤及例子.doc"中,提供了FusionCharts的使用指南和基础示例。这些实例涵盖了如何初始化图表、设置图表属性、加载数据...
FusionCharts是一款强大的JavaScript图表库,它能够帮助开发者轻松创建出引人注目的2D和3D图形。这款工具在Web应用中广泛使用,尤其在数据可视化领域,它提供了丰富的图表类型,包括柱状图、饼图、线图、面积图、...
2. **图表实例化**:通过类库中的方法,可以创建FusionCharts对象实例,设置图表类型、宽度、高度等属性。 3. **数据绑定**:将生成的XML数据与图表实例进行绑定,确保FusionCharts能正确读取数据。 4. **图表渲染...
FusionCharts
2. **SWF文件**:SWF是Adobe Flash的文件格式,FusionCharts使用这些文件来绘制图表的图形元素。虽然SWF本身是基于Flash技术,但FusionCharts已经处理好了与JavaScript的交互,使得开发者在不直接接触Flash的情况下...
2. **创建图表对象**:使用`new FusionCharts()`构造函数初始化图表对象,指定图表类型、宽度、高度及数据源等参数。 3. **渲染图表**:调用`render()`方法将图表渲染到指定的HTML元素中。 4. **数据绑定**:可以...