`
zzc1684
  • 浏览: 1223117 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

JS图表控件FusionCharts使用教程:为JavaScript图表提供数据

阅读更多

FusionCharts的JavaScript类提供了一系列的函数来提供图表数据。 FusionCharts的JavaScript类支持XML或JSON格式的数据。这些数据可以是URL或字符串。

以XML文件为数据源,示例代码如下:

<html>
  <head>    
    <title>My First chart using FusionCharts</title>    
    <script type="text/javascript" src="FusionCharts/FusionCharts.js">
    </script>
  </head>  
  <body>    
    <div id="chartContainer">FusionCharts will load here!</div>         
    <script type="text/javascript"><!--    
 
      var myChart = new FusionCharts( "FusionCharts/Column3D.swf",
      "myChartId", "400", "300", "0", "0" );
      myChart.setXMLUrl("Data.xml");
      myChart.render("chartContainer");
       
    // -->    
    </script>       
  </body>
</html>

 

JS图表控件FusionCharts使用教程:为JavaScript图表提供数据

在上面的代码中,图表数据来源于一个外部XML文件,该文件提供的Url由setXMLUrl()函数提供。

使用XML字符串作为数据来源:

如果在JavaScript中有XML数据作为字符串,你可以使用setDataXML()函数来提供这个XML字符串,如下面的代码所示:

// String containing chart XML
var strXML = ""<chart><set value='100' label='Week 1'/>...</chart>"";
 
myChart.setXMLData( strXML );

 

分享到:
评论

相关推荐

    FusionCharts图表控件中文版使用手册.doc

    《FusionCharts图表控件中文版使用手册》是针对初学者设计的一份详细教程,旨在帮助用户快速掌握这款强大的图表工具。FusionCharts是一款流行的JavaScript图表库,它能够以丰富的互动性和美观的视觉效果呈现数据。 ...

    FusionCharts图表控件中文版使用手册定义.pdf

    《FusionCharts图表控件中文版使用手册定义》是一份详细介绍如何使用FusionCharts图表控件的网络文档。FusionCharts是一款强大的图表生成工具,它能够帮助开发者创建丰富的交互式图表,广泛应用于数据分析和可视化...

    FusionCharts图表控件中文版使用手册

    中文版使用手册旨在提供全面的指导,帮助用户更轻松地理解和使用这款图表控件。 首先,FusionCharts的核心组成部分包括三个要素: 1. SWF动画文件:这是FusionCharts的基础,包含预定义的图表类型和交互行为。这些...

    js实现图表-FusionCharts

    **FusionCharts是一款强大的JavaScript图表库,用于创建交互式的、动画丰富的数据可视化图表。它支持多种编程语言,包括C#、VB.NET、PHP和JSP,使得开发者在各种后端环境下都能轻松集成图表功能,为业务报表提供直观...

    FusionCharts图表控件中文版使用手册下载

    以上是FusionCharts图表控件的主要使用要点,掌握这些知识点可以帮助开发者有效地利用FusionCharts创建吸引人的数据可视化解决方案。在实际应用中,根据项目需求,还可以深入学习更多高级特性,如自定义工具提示、...

    JSP下操作图形控件FusionCharts

    **JSP下操作图形控件FusionCharts** FusionCharts是一款强大的JavaScript图表库,它可以用于在Web应用中创建丰富的交互式图表。在Java Server Pages (JSP)环境中使用FusionCharts,可以为开发者提供便捷的方式来...

    fusioncharts asp.net 图表控件示例

    FusionCharts是一套JavaScript图表解决方案,支持超过90种图表类型,包括线图、柱状图、饼图、地图等,提供丰富的动画效果和自定义选项。它通过XML或JSON数据格式接收数据,并用HTML5/SVG技术呈现图表,兼容各种...

    Android上,使用FusionCharts进行图表控件封装

    在Android平台上,FusionCharts是一款强大的...通过以上步骤,你可以在Android应用中成功地集成和封装FusionCharts图表控件,实现数据的可视化展示。记住,良好的代码组织和适当的优化可以提高应用的性能和用户体验。

    FusionCharts 图表控件

    综上所述,FusionCharts图表控件是一个功能强大、灵活易用的数据可视化工具,广泛应用于多个领域,为开发人员提供了便捷的方式来展示和解析复杂数据。无论是初学者还是经验丰富的开发者,都能从中受益。通过学习和...

    FusionCharts图表控件中文版使用手册整理.pdf

    综上所述,FusionCharts图表控件通过其灵活的数据处理、丰富的图表类型和强大的交互性,为数据可视化提供了一站式解决方案。熟练掌握其使用方法,能够帮助我们更有效地传达复杂数据,提升报告和演示的影响力。

    非常好用的图标控件FusionCharts

    FusionCharts是一款强大的图表控件,专为开发者设计,用于创建引人入胜、交互式的数据可视化效果。这款工具在IT行业中备受推崇,因为它提供了丰富的图表类型和灵活的定制选项,使得即便是非专业的数据可视化专家也能...

    FusionCharts 18个常用控件教程(含json格式和xml格式)

    FusionCharts 18个常用控件教程结合了json和xml的数据处理,为开发者提供了全面的指南。通过学习,你可以熟练地利用这些工具构建出富有吸引力和实用性的数据可视化应用,使数据的解读和传达变得更加简单和高效。

    js图形展示控件 饼图 fusioncharts jfcharts jfchart

    在IT行业中,图形展示控件是数据可视化的重要工具,它们帮助开发者将复杂的数据转化为易于理解的图表,使得数据的分析和解读更为直观。饼图作为其中的一种常见图表类型,广泛应用于各种业务场景,如市场占有率分析、...

    FusionCharts使用源码例C#

    FusionCharts是一款强大的JavaScript图表库,它提供了丰富的交互式图表,可用于展示数据的可视化效果。在C#开发环境中,FusionCharts可以与ASP.NET、WinForms或其他.NET框架结合使用,为应用程序添加美观的数据呈现...

    FusionCharts很炫的swf图表控件

    FusionCharts是一款强大的图表生成工具,它以SWF(Shockwave Flash)文件格式提供丰富的交互式图表,适用于Web应用程序,帮助开发者轻松创建出美观且功能强大的数据可视化效果。这款控件以其炫酷的设计和易用性赢得...

    FusionCharts在Android上的实现

    FusionCharts是一款强大的数据可视化工具,它通过JavaScript库来创建交互式、丰富的图表和图形。在Android平台上实现FusionCharts,可以为移动应用提供生动的数据展示功能,帮助用户更好地理解和分析数据。以下将...

    javascript图形控件

    JavaScript图形控件是一种在网页上实现数据可视化的重要技术,它能够将复杂的数据通过直观的图形方式展示出来,便于用户理解和分析。在这个主题中,我们主要关注的是饼图、曲线图和柱状图,这些都是JavaScript图形...

    Java 实现 FusionCharts 图表导出图片或PDF文件功能实例源码

    在Java开发中,FusionCharts是一款强大的图表库,它提供了丰富的图表类型以及高度自定义的能力,使得开发者可以轻松创建交互式、美观的数据可视化效果。本文将深入探讨如何使用Java实现FusionCharts图表的导出功能,...

Global site tag (gtag.js) - Google Analytics