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

JS图表控件FusionCharts使用教程:使用JavaScript渲染图表(不用Flash)

阅读更多

在使用FusionCharts的时候,如果用户希望只使用JavaScript建立图表(而不是使用Flash),你那么就需要添加另一行代码,如下所示:

FusionCharts.setCurrentRenderer('javascript');

 

这段代码会使FusionCharts渲染器跳过Flash渲染,并创建纯基于JavaScript的图表。

修改后的代码如下:

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

 

当用户打开这个页面的时候会发现,即使在普通浏览器也可以看到,这个图是纯JavaScript形式,如下所示:

Flash图表控件FusionCharts使用教程:使用JavaScript渲染图表(不用Flash)

分享到:
评论

相关推荐

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

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

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

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

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

    - **SWF动画文件**:这是FusionCharts的核心部分,它是一个Flash文件,负责渲染图表的视觉效果。SWF包含预定义的图表类型,如柱状图、饼图、线图等。 - **data.xml数据文件**:用于存储图表的数据,以XML格式提供...

    js实现图表-FusionCharts

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

    JSP下操作图形控件FusionCharts

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

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

    FusionCharts是基于JavaScript的,它通过XML或JSON数据来渲染图表。在Android中,我们需要通过WebView来加载包含FusionCharts JavaScript库和图表配置的HTML页面。这意味着,我们首先需要在Android项目中引入...

    fusioncharts asp.net 图表控件示例

    先从数据库中查询数据,然后转换为XML或JSON格式,最后在ASP.NET页面上渲染图表,展示不同产品的销售额。 总之,FusionCharts与ASP.NET的结合为开发高质量的数据可视化应用提供了便捷的途径。通过理解上述知识点,...

    FusionCharts 图表控件

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

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

    本篇文章将详细探讨“js图形展示控件”中的饼图实现,特别是融合了FusionCharts、JFCharts和JFChart这三款JavaScript库的用法。 首先,FusionCharts是一款强大的JavaScript图表库,它支持超过90种图表类型,包括...

    FusionCharts使用源码例C#

    4. 在前端创建FusionCharts对象并渲染图表。 通过这个过程,你可以创建出具有专业视觉效果和交互性的数据图表,提升你的应用程序的用户体验。记住,实践中可能会遇到各种问题,如跨域、数据安全和性能优化,都需要...

    FusionCharts在Android上的实现

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

    基于WEB的Flash 统计图控件(Flex---FusionCharts_Evaluation v3)及其中文开发指南

    FusionCharts是一款基于Flash的图表库,它允许开发者通过简单的JavaScript或Flex接口在网页上渲染出高质量、富有视觉吸引力的图表。这篇中文开发指南将帮助你理解和应用这个强大的图表组件。 1. **Flex基础**: ...

    FusionChartsFree

    **FusionCharts Free** 是一款基于Flash技术的网页图表显示控件,专为创建互动且视觉效果丰富的数据可视化而设计。这款控件以其绚丽的图形和流畅的用户体验赢得了广泛赞誉,尤其适合在Web应用程序中展示各种复杂的...

    flash 报表控件

    FusionCharts.js可能是JavaScript版本的API,允许在Web页面上集成和操作FusionCharts。FusionChartsV3.rar可能是FusionCharts的更新版本或附加组件。 6. **FlashUpload.rar**:此文件可能包含一个Flash实现的文件...

    FusionCharts For Asp.net

    它基于JavaScript和Flash技术,通过XML数据源来渲染图表。这意味着开发者可以使用任何能生成XML的后台语言(如ASP.NET)来提供数据,而FusionCharts则负责将这些数据转化为生动的图表。 在ASP.NET中集成...

    fusionCharts

    4. **渲染图表**:调用FusionCharts对象的`render()`方法在指定的HTML元素上渲染图表。 5. **交互功能**:FusionCharts提供丰富的事件监听和处理机制,如点击、鼠标悬浮等,可以实现图表的交互功能。 6. **自定义...

    FusionCharts与HighCharts功能对比分析

    FusionCharts是一款跨平台跨浏览器的JavaScript图表组件,它允许开发者创建Web和移动JavaScript图表。FusionCharts支持2D和3D图表类型,并且有90多种不同类型的图表可供选择。它的图表渲染速度较快,并且外观和交互...

    酷炫漂亮的PB 11.5 FLASH图表源码(FusionChartsFree)

    在本案例中,"酷炫漂亮的PB 11.5 FLASH图表源码(FusionChartsFree)"是基于PowerBuilder 11.5的一个项目,其特色在于使用了FusionCharts Free,这是一个开源的Flash图表库,用于在Web应用中生成交互式、美观的图表...

    fusioncharts

    【FusionCharts 画图控件】是一款基于Flash技术的图表生成工具,它提供了一种简单、高效的方式来创建各种图表,如折线图、柱状图、饼图、面积图等,以帮助用户在Web应用中展示数据。该控件采用JavaScript进行封装,...

    FusionCharts for PB9

    **FusionCharts for PB9** 是一款专为PowerBuilder 9(PB9)设计的图表控件,旨在为开发者提供一种高效、美观的方式来展示数据。它以丰富的视觉效果和交互性,超越了传统Excel(xls)文件中的图表,使得数据分析和...

Global site tag (gtag.js) - Google Analytics