`
房价会降吗
  • 浏览: 64890 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

Flash图表控件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形式,如下所示:



 

  • 大小: 23.9 KB
0
1
分享到:
评论

相关推荐

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

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

    fusioncharts asp.net 图表控件示例

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

    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图表控件中文版使用手册下载

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

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

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

    js实现图表-FusionCharts

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

    FusionCharts 图表控件

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

    FusionCharts使用源码例C#

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

    FusionCharts在Android上的实现

    WebView是Android系统提供的用于加载和显示网页内容的控件,这使得我们可以在原生Android应用中利用JavaScript和HTML来展示FusionCharts图表。 1. **集成FusionCharts**: - 首先,你需要在项目中引入FusionCharts...

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

    使用FusionCharts创建饼图,你需要引入其JavaScript库文件,然后设置数据源,最后通过HTML元素和JavaScript代码将图表渲染出来。例如,你可以定义数据源为JSON格式,设置每个饼图切片的值和标签,通过FusionCharts...

    flash 报表控件

    因此,了解如何优化数据处理和渲染策略是使用Flash报表控件时的关键。 综上所述,Flash报表控件是一种强大的数据可视化工具,结合了Flash技术和报表设计,提供丰富的交互性和视觉效果。然而,随着技术的发展,...

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

    在PB中,你可以使用HTML窗口或者Web控件来嵌入JavaScript代码,调用FusionCharts的API来加载和控制图表。 3. **Flash对象嵌入**:PB可以创建包含HTML的窗口,通过这个窗口,你可以嵌入Flash对象(SWF文件),这是...

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

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

    FusionCharts For Asp.net

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

    FusionChartsFree

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

    fusioncharts.dll文件

    FusionCharts是由FusionCharts公司开发的,它允许开发者通过简单的JavaScript或服务器端语言(如PHP、ASP.NET、Java等)来创建各种类型的图表,包括柱状图、饼图、线图、热力图以及更复杂的组合图表。这款产品广泛...

    fusionCharts

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

    FusionCharts for PB9

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

    FusionCharts与HighCharts功能对比分析

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

Global site tag (gtag.js) - Google Analytics