fusioncharts入门系列2之setDataURL和setDataXML

最新推荐文章于 2016-07-17 08:38:00 发布

daxiang12092205

最新推荐文章于 2016-07-17 08:38:00 发布

阅读量4.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： fusioncharts setDataURL setDataXML Unexpected token ILL 未识别的标识符

本文链接：https://blog.youkuaiyun.com/daxiang12092205/article/details/17232545

前端专栏收录该内容

44 篇文章

订阅专栏

本文介绍如何使用FusionCharts在网页中加载并显示柱状图，并通过JavaScript动态设置图表的数据源，同时探讨了在设置数据时遇到的问题及解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html代码：

<!DOCTYPE HTML>
<html>
<body onload="init();init2();">
	<div id="chartContainer1"></div>
	<div id="chartContainer2"></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");
	    }
	    function init2(){
	    	var xml = "<graph caption='Month Sale'>";
	    	xml += "<set name='January' value='462' color='AFD8F8'/>";
	    	xml += "<set name='Febrary' value='662' color='00D8F8'/>";
	    	xml += "</graph>";
	        var chart = new FusionCharts("fusioncharts/Column3D.swf", "myChartId", "500", "300");
	        chart.setDataXML(xml);
	        chart.render("chartContainer2");
	    }
	</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>

运行效果：

注：在html的init2方法中，我未添加set标签的link属性，若写为date.xml中<set name='January' value='462' color='AFD8F8' link="index1.html"/>，则报错Unexpected token ILLEGAL或未识别的标识符，原因是link后URL的双引号未进行处理，浏览器编译页面时报错。