今天发现个不错的显示图表的东西----FusionChartsFree，有免费版的，有收费版的，免费版的我用着就不错。收费的可能更好一点儿。
看了看官方提供的例子，我是在JSP中使用，想到一个简单的用法，贴在下面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>结果显示</title>
<script type="text/javascript" src="FusionCharts.js"></script>
</head>
<body class="mainpage">
<xmp id="chartData" style="display:none;">
<graph caption='结果柱状图' xAxisName='企业名称' yAxisName='得分' decimalPrecision='0'
formatNumberScale='0' chartRightMargin='30'>
<set name="企业1" value="75" color="0000ff"/>
<set name="企业2" value="55" color="0000ff"/>
<set name="企业3" value="65" color="0000ff"/>
<set name="企业4" value="35" color="0000ff"/>
<set name="企业5" value="95" color="0000ff"/>
</graph>
</xmp>
<div id="chartdiv" style="text-align:center;">FusionCharts. </div>
<script type="text/javascript">
var chart = new FusionCharts("FCF_Column3D.swf", "ChartId", "600", "360");
chart.setDataXML(document.getElementById('chartData').innerText);
chart.render("chartdiv");
</script>
</center>
</body>
</html>
使用xmp元素来放置图表所需的xml数据，便于调试也简化了前后台的代码，可以使用jstl来生成xml数据，很方便。图表没有设置好看的颜色，凑和着看吧。
全部代码请从附件下载。更多的样式图表样式可以从官方网站下载。
目前发现一个问题：X轴如果是中文，设置旋转后不显示。Y轴的中文如果竖向也是不显示的，横过来才可以。
用收费的V3版试了一下，中文没有任何问题。喜欢不花钱也办事的人可以去网上找高手Crack的版本。
- 大小: 32.9 KB
分享到：
相关推荐
- 文档：详细说明了FusionCharts的使用方法、API参考、配置选项等。 - CSS文件：预设的主题样式，可以自定义修改。 通过学习和实践，开发者能够充分利用FusionCharts Free的功能，创建出专业且具有吸引力的数据可视...
4. **API参考**：查阅官方提供的API文档，了解各个函数和方法的具体用法。 5. **问题解决**：学习如何排查和解决在使用过程中遇到的问题，如浏览器兼容性、数据加载错误等。 **四、FusionCharts Free的局限性与...
这个版本对于学习FusionCharts的使用方法、理解其工作原理以及在小型项目中试用是非常合适的。 中文使用手册是理解FusionCharts Free 2.2的关键。手册通常会涵盖以下内容： 1. **安装与设置**：指导用户如何下载、...
4. **易用性**：通过简单的JSON数据格式和JavaScript API，开发者可以轻松地创建和控制图表。 **二、FusionCharts Free 开发流程** 1. **安装与引入**：首先需要在项目中引入FusionCharts的JavaScript库文件，这...
6. 更新图表：如果需要动态更新数据，可以使用`updateData()`或`addData()`方法，根据需求进行操作。 通过以上步骤，我们就完成了FusionCharts Free调用JSON数据创建3D饼图的过程。这个简单的例子展示了如何利用...
通过学习这些实例，开发者可以掌握从简单的静态图表到复杂的动态图表的创建方法。 ### 四、使用场景 - **数据分析**：在商业报告、市场分析和科研报告中，FusionCharts Free 可以将复杂的数据以易于理解的方式呈现...
- **生成图表**：使用JavaScript代码实例化图表对象，设置图表属性（如标题、图例等），并指定数据源，最后调用`render()`方法显示图表。 4. **示例代码** ```asp <!-- 引入FusionCharts JavaScript库 --> ...
二、FusionCharts Free的使用流程： 1. **安装和引入库**：下载并引入FusionCharts Free的JavaScript库文件，如`FusionCharts.js`，通常放置在HTML页面的`<head>`标签内。 2. **准备数据源**：根据所需图表类型，...
本文将深入探讨FusionCharts Free的核心特性、安装、基本使用方法以及实例应用。 ### 一、FusionCharts Free概述 FusionCharts Free提供了一系列预定义的图表类型，如柱状图、饼图、线图、面积图、雷达图等，可...
#### 六、使用方法详解 ##### 1. 设置SWF文件 为了在HTML页面中显示图表，首先需要设置SWF文件。这通常涉及到通过`<object>`或`<embed>`标签将SWF文件嵌入到HTML页面中。 ##### 2. 创建XML数据文档 FusionCharts...
### FusionCharts Free API 知识点详解 #### 一、概述 **FusionCharts Free** 是由 InfoSoft Global 公司开发的一...通过上述详细介绍，希望能够帮助读者更好地理解和掌握 FusionCharts Free 的使用方法及其应用场景。
FusionCharts是一款强大的数据可视化工具，特别适合于创建交互式的图表和报表，广泛应用于Web应用程序中，以提供...通过学习和掌握其使用方法，开发者可以有效地提升数据报表的呈现效果，让数据讲述更有力量的故事。
此外，FusionCharts还提供了大量的示例和教程，帮助开发者掌握各种用法和技巧，从而充分发挥其潜力。 总之，FusionCharts是一款强大的图表插件，通过其详尽的API文档和丰富的图表类型，开发者可以轻松地创建出各种...