加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

fusioncharts 入门系列1

发布时间:2020-12-16 05:11:49 所属栏目:百科 来源:网络整理
导读:开发需要,记录自己的学习历程。。。 fusioncharts 主要是fusioncharts.js和一些swf文件,代码结构如下图: fusioncharts文件夹存放fusioncharts所有的资源,便于统一管理。 fusioncharts.html 代码: !DOCTYPE HTMLhtmlbody onload="init();"div id="chartC

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

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


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

fusioncharts.html 代码:

<!DOCTYPE HTML>
<html>
<body onload="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可以正常跳转,第二个不可以,说明该写法错误。暂标记下,后续查找解决方案。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读