fusioncharts 入门系列1

最新推荐文章于 2018-03-26 14:08:58 发布

daxiang12092205

最新推荐文章于 2018-03-26 14:08:58 发布

阅读量1.2k

点赞数

分类专栏：前端文章标签： fusioncharts 入门 xml setDataURL render

本文链接：https://blog.csdn.net/daxiang12092205/article/details/17232261

版权

前端专栏收录该内容

44 篇文章 0 订阅

订阅专栏

开发需要，记录自己的学习历程。。。

fusioncharts 主要是fusioncharts.js和一些swf文件，代码结构如下图：

fusioncharts文件夹存放fusioncharts所有的资源，便于统一管理。

fusioncharts.html 代码：

<!DOCTYPE HTML>
<html>
<body οnlοad="init();">
	<div id="chartContainer1"></div>

	<script  type="text/javascript" src="fusioncharts/FusionCharts.js"></script>
	<script type="text/javascript">
	    function init(){
	        var chart = new FusionCharts("fusioncharts/Column3D.swf", "myChartId"
	        				, "500", "300","0","0");
	        chart.setDataURL("date.xml");
	        chart.render("chartContainer1");
	    }
	</script>
</body>
</html>

date.xml代码：

<graph caption='Month Sale'>
	<set name='January' value='462' color='AFD8F8' link="index1.html"/>
	<set name='Febrary' value='662' color='00D8F8' link="www.google.com"/>
</graph>

运行效果：

存在的问题：date.xml中第一个link可以正常跳转，第二个不可以，说明该写法错误。暂标记下，后续查找解决方案。

daxiang12092205

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
fusioncharts 入门系列1

开发需要，记录自己的学习历程。。。fusioncharts 主要是fusioncharts.js和一些swf文件，代码结构如下图：fusioncharts文件夹存放fusioncharts所有的资源，便于统一管理。fusioncharts.html 代码： function init(){ var chart = new F
复制链接

扫一扫

专栏目录