`
weigang.gao
  • 浏览: 491804 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

FusionCharts HelloWorld(2)

 
阅读更多

工程的目录结构以及所需要的文件如下:

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>

 

部署到服务器上运行效果图如下:


 

  • 大小: 14.7 KB
  • 大小: 10.6 KB
分享到:
评论

相关推荐

    FusionCharts

    2. **交互性**:FusionCharts支持交互式图表,用户可以悬停查看数据详情,点击图表元素进行筛选或者钻取深入的数据信息,提高了数据探索的效率。 3. **跨平台兼容**:FusionCharts支持各种Web开发框架和语言,如...

    fusionCharts

    2. **数据源**:FusionCharts支持XML、JSON、CSV等多种数据格式。数据可以内联在HTML中,也可以通过服务器端脚本动态获取。 3. **图表类型**:FusionCharts提供了超过90种不同类型的图表,包括基本图表(如柱状图、...

    FusionCharts2.*版本API及源码

    这个"**FusionCharts2.*版本API及源码**"资源包含了关于FusionCharts 2.x系列版本的API文档、免费版的API介绍以及详细的图表参数大全,是开发者深入理解和使用FusionCharts的关键参考资料。 首先,我们来看**...

    FusionCharts Free开发文档

    FusionCharts Free开发文档 FusionCharts Free是InfoSoft Global公司开发的基于Flash的图表组件,提供跨平台、跨浏览器的解决方案,能够生成交互式的动态图表。下面是FusionCharts Free开发文档的详细知识点: 一...

    fusioncharts/3.3.1下载

    FusionCharts是一种制图组件,可以帮您为您的Web应用创建交互式的、数据驱动的图表、仪表盘和地图。它具有智能化、用户友好和创新等特点,可以将单调的数据转化为栩栩如生的图像,从而使您的Web应用更加的生动。它...

    fusioncharts

    2. `chartType`: 定义图表的类型,如 'column2d'、'line'、'pie3d' 等。 3. `caption`: 图表的标题。 4. `paletteColors`: 设置图表使用的颜色系列。 5. `showValues`: 控制图表数据点是否显示值。 6. `isResponsive...

    利用FusionCharts 实现数据图表展示

    2. **创建图表对象**:使用JavaScript创建FusionCharts对象,并设置图表的基本属性,如类型、宽度、高度、标题、数据源等。 3. **加载数据**:数据可以是内联的JSON字符串,也可以是从服务器异步获取的。如果你选择...

    fusioncharts.dll文件

    标题中的"FusionCharts.dll"文件是FusionCharts Free软件的核心组件,这是一款强大的图表生成工具,专门用于在Web页面上创建交互式、视觉效果丰富的图表。这个控件以单一的动态链接库(DLL)文件形式提供,使得集成...

    fusionCharts完美破解版

    MSStackedColumn2DLineDY.swf Pie2D.swf Pie3D.swf Pyramid.swf Scatter.swf ScrollArea2D.swf ScrollColumn2D.swf ScrollCombi2D.swf ScrollCombiDY2D.swf ScrollLine2D.swf ScrollStackedColumn2D.swf Spline.swf ...

    FusionCharts_XT_Evaluation

    ### 2. **配置与集成** FusionCharts XT 的配置过程相对简单,开发者只需包含必要的JavaScript库,设置图表的ID、类型、宽度、高度以及数据源。它支持JavaScript和服务器端语言(如Java)的无缝集成,允许动态数据...

    FusionCharts完整资料集

    ### 2. FusionCharts实例与简单例子 在"报表FusionCharts讲解及简单实例.doc"和"FusionCharts步骤及例子.doc"中,提供了FusionCharts的使用指南和基础示例。这些实例涵盖了如何初始化图表、设置图表属性、加载数据...

    FusionCharts 自己写的案例

    FusionCharts是一款强大的JavaScript图表库,它能够帮助开发者轻松创建出引人注目的2D和3D图形。这款工具在Web应用中广泛使用,尤其在数据可视化领域,它提供了丰富的图表类型,包括柱状图、饼图、线图、面积图、...

    FusionCharts_ASP_Class

    2. **图表实例化**:通过类库中的方法,可以创建FusionCharts对象实例,设置图表类型、宽度、高度等属性。 3. **数据绑定**:将生成的XML数据与图表实例进行绑定,确保FusionCharts能正确读取数据。 4. **图表渲染...

    FusionCharts插件各版本

    FusionCharts

    FusionCharts报表工具及例子

    2. **SWF文件**:SWF是Adobe Flash的文件格式,FusionCharts使用这些文件来绘制图表的图形元素。虽然SWF本身是基于Flash技术,但FusionCharts已经处理好了与JavaScript的交互,使得开发者在不直接接触Flash的情况下...

    FusionCharts 图形报表展示

    2. **创建图表对象**:使用`new FusionCharts()`构造函数初始化图表对象,指定图表类型、宽度、高度及数据源等参数。 3. **渲染图表**:调用`render()`方法将图表渲染到指定的HTML元素中。 4. **数据绑定**:可以...

Global site tag (gtag.js) - Google Analytics