fusioncharts.js 免费版 附使用方法

fusioncharts.js是一款来自第三方的绘图工具，主要用于绘制柱形图、组合图、蜡烛图、甘特图、漏斗图等，兼容web和手机端，小编还为大家带来了fusioncharts.js使用方法，需要的编程开发人员可以下载！

软件功能

1、融合图表

2、既可以用在Web上，也可以用在手机端

3、拥有最全的统计图，90+统计图表，1000+地图

fusioncharts.js安装使用方法

1. 在web项目目录下新建一个文件夹( 如FusionCharts)，并把所有的SWF 文件都拷贝到这个文件夹里。

2. 在页面导入FusionCharts.js 文件，如：

3. js加载数据生成报表(有两种方法)

方法一：xml文件引用法

(1)定义一个固定格式的xml文件(以Data.xml为例)

Date.xml的内容如下：

<graph caption='每月销售额柱形图' xAxisName='月份' yAxisName='Units' showNames='1' decimalPrecision='0' formatNumberScale='0'>　　

　　 <set name='一月' value='462' color='AFD8F8' />　　

　　 <set name='二月' value='857' color='F6BD0F' />　　

　　 <set name='三月' value='671' color='8BBA00' />　　

　　 <set name='四月' value='494' color='FF8E46' />　　

　　 <set name='五月' value='761' color='008E8E' />　　

　　 <set name='六月' value='960' color='D64646' />　　

　　 <set name='七月' value='629' color='8E468E' />　　

　　 <set name='八月' value='622' color='588526' />　　

　　 <set name='九月' value='376' color='B3AA00' />　　

　　 <set name='十月' value='494' color='008ED6' />　　

<set name='十一月' value='761' color='9D080D' />　　

　　 <set name='十二月' value='960' color='A186BE' />　　

</graph>　

(2) js加载方法，代码如下：

<div id=”chartdiv1”></div>

<script type="text/javascript">　　

var myChart2 = new FusionCharts("../FusionCharts/FCF_Column3D.swf","myChartId2", "600","300");　　　

　myChart2.setDataURL("Data.xml");　　　　

　myChart2.render("chartdiv1");　　　

</script>　

更新内容

• 增加了使用jsp 和Ruby on Rails 来集成FusionCharts 的代码和文档。

• FusionCharts DOM 更加容易地把图表加载到页面上。

• 修改了.Net 的使用代码和文档。

• 增加了新的PHP API ,并修复了一些BUG。

• 修改了FusionCharts.js ，以便可以支持双引号。

• 增加了在FusionCharts 使用UTF-8 编码的示例。