FusionCharts使用JavaScript:
FusionCharts XT允许用户创建建立JavaScript图表(也就是web上的HTML5 /Canvas图表)。 这个特性允许用户在不支持Flash播放器的web浏览器上创建图表,如iPhone / iPad。FusionCharts内部利用Highcharts库生成JavaScript图表。
这个功能能够无缝地使用当前的FusionCharts实现模式。不需要任何额外的代码来实现。FusionCharts的JavaScript类自动检 测不支持Flash的设备，并创建JavaScript图表。你也可以忽略Flash，并只使用JavaScript生成图表。
FusionCharts是如何工作的：
FusionCharts XT提供一个全新的FusionCharts JavaScript类。 FusionCharts的JavaScript类现在包括四个主要文件:FusionCharts.js, FusionCharts.HC.js, FusionCharts.HC.Charts.js和jquery.min.js。这四个文件存在于Download Pack > Charts folder。
用户有可能只需要在web页面中包括FusionCharts.js(当时注意,也需要复制其他文件到你的web应用程序)。其余的JavaScript文件将通过FusionCharts.js自动加载按需。
一旦FusionCharts确定设备中没有可用的Flash player,它将自动切换渲染模式为JavaScript。如果你希望JavaScript渲染图表作为默认设置,也可以通过代码进行设置。
让我们来看看在Flash和JavaScript渲染都可用的情况下,只有JavaScript渲染生效的代码：
<html>
<head>
<title>My First chart using FusionCharts - Using 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"><!--
var myChart = new FusionCharts("FusionCharts/Column2D.swf", "myChartId", "400",
"300", "0", "1" );
myChart.setXMLUrl("Data.xml");
myChart.render("chartContainer");
// -->
</script>
</body>
</html>
指定JavaScript渲染图表:
如果只希望渲染JavaScript图表，那么就使用如下代码：
FusionCharts.setCurrentRenderer('javascript')
这段代码会让FusionCharts渲染器跳过Flash渲染并创建纯JavaScript图表。
这个设置可以应用到所有的渲染图表。因此,如果一开始开始就使用,该页面的所有图表都将使用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/Column2D.swf", "myChartId", "400",
"300", "0", "1" );
myChart.setXMLUrl("Data.xml");
myChart.render("chartContainer");
// -->
</script>
</body>
</html>
相关推荐
**JSP下操作图形控件FusionCharts** FusionCharts是一款强大的JavaScript图表库，它可以用于在Web应用中创建丰富的交互式图表。在Java Server Pages (JSP)环境中使用FusionCharts，可以为开发者提供便捷的方式来...
《FusionCharts图表控件中文版使用手册》是针对初学者设计的一份详细教程，旨在帮助用户快速掌握这款强大的图表工具。FusionCharts是一款流行的JavaScript图表库，它能够以丰富的互动性和美观的视觉效果呈现数据。 ...
在IT行业中，FusionCharts是一款广泛使用的交互式图表库，它能够帮助开发者创建美观且功能丰富的数据可视化应用。本文将详细讲解如何利用FusionCharts提供的`fcexporter.jar`和`fcexporthandler.jar`这两个关键的...
内容包括 FusionCharts破解去连接版，FusionCharts 3.1 破解版，FusionCharts配置文件，FusionChartsFree中文开发指南电子书，以及如何消除中文乱码的方法文章。内容很全。
然后在HTML文件中通过`<script>`标签引入，确保在使用图表的脚本之前加载FusionCharts库。 ```html <script src="path/to/fusioncharts.js"></script> ``` ### 3. 创建基本图表 创建FusionCharts图表的基本步骤...
在Android平台上，FusionCharts是一款强大的...通过以上步骤，你可以在Android应用中成功地集成和封装FusionCharts图表控件，实现数据的可视化展示。记住，良好的代码组织和适当的优化可以提高应用的性能和用户体验。
《FusionCharts图表控件中文版使用手册定义》是一份详细介绍如何使用FusionCharts图表控件的网络文档。FusionCharts是一款强大的图表生成工具，它能够帮助开发者创建丰富的交互式图表，广泛应用于数据分析和可视化...
FusionCharts是一款强大的JavaScript图表库，它允许开发者创建交互式且富有视觉吸引力的数据可视化图表。在Web应用中，数据图表的展示是传达信息、分析数据和做出决策的关键工具。FusionCharts支持多种图表类型，...
FusionCharts是一款强大的JavaScript图表库，它能够帮助开发者创建出丰富多样的互动图表，从而将复杂的数据以直观、美观的方式呈现出来。在这个“FusionCharts动态图表实现代码”压缩包中，你可能会找到一系列用于...
中文版使用手册旨在提供全面的指导，帮助用户更轻松地理解和使用这款图表控件。 首先，FusionCharts的核心组成部分包括三个要素： 1. SWF动画文件：这是FusionCharts的基础，包含预定义的图表类型和交互行为。这些...
**FusionCharts是一款强大的JavaScript图表库，用于创建交互式的、动画丰富的数据可视化图表。它支持多种编程语言，包括C#、VB.NET、PHP和JSP，使得开发者在各种后端环境下都能轻松集成图表功能，为业务报表提供直观...
以下是对FusionCharts图表控件中文版使用手册中的主要知识点的详细说明： 1. **构成FusionCharts的三要素**： - **SWF动画文件**：这是FusionCharts的核心部分，它是一个Flash文件，负责渲染图表的视觉效果。SWF...
值得注意的是，FusionCharts提供的文件包中包含了Charts文件夹（存放Flash图表文件）、Code文件夹（包含各种语言的示例代码）、Gallery（所有图表的简单示例）以及JSClass文件夹（包含核心的`FusionCharts.js`和`...
3. **设置图表控件** 创建一个新的ASP.NET Web Forms页面，从工具箱中拖放一个FusionCharts服务器控件到设计视图。在属性窗口中，配置控件的基本属性，如`ChartType`（图表类型）、`Width`和`Height`（尺寸）以及`...
FusionCharts 是一款功能强大且灵活的图表工具，可以帮助开发者快速创建各种类型的图表，如折线图、柱状图、饼图等。通过设置不同的参数，可以实现图表的高度自定义，满足不同的需求。本文将详细介绍 FusionCharts ...
FusionCharts是一款强大的JavaScript图表库，能够将JSON格式的数据转换为交互式的图表，从而提升数据分析和展示的效果。本文将深入探讨如何利用FusionCharts结合JSON数据来创建图表。 **FusionCharts简介** ...
这个库通过结合Flash技术和JavaScript来实现图表的渲染和功能交互。以下将详细阐述FusionCharts在网页呈现图表的过程： 1. **图表SWF文件**： FusionCharts的核心是基于Adobe Flash技术的SWF文件，每个图表类型都...
综上所述，FusionCharts图表控件是一个功能强大、灵活易用的数据可视化工具，广泛应用于多个领域，为开发人员提供了便捷的方式来展示和解析复杂数据。无论是初学者还是经验丰富的开发者，都能从中受益。通过学习和...