open flash chart js调用问题，为什么一直说tmp.load is not a function

0 0

open flash chart js调用问题，为什么一直说tmp.load is not a function0

错误提示：

tmp.load is not a function
      tmp.load(JSON.stringify(data));

部分源代码如下：

script type="text/javascript" src="json/json2.js"></script>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("open-flash-chart.swf", "my_chart", "350", "200", "9.0.0");
</script>

<script type="text/javascript">

function ofc_ready()
{
alert('ofc_ready');
}

function open_flash_chart_data()
{
alert( 'reading data' );
return JSON.stringify(data);
}

function findSWF(movieName) {
if (navigator.appName.indexOf("Microsoft")!= -1) {
    return window[movieName];
} else {
    return document[movieName];
}
}

var data = {省略。。。。};

</script>
    <script type="text/javascript">
    function go(){
     tmp = findSWF("my_chart");
      tmp.load(JSON.stringify(data));
    }
    </script>
<title>ofc</title>
</head><body>

<div id = "my_chart"></div>

<input type = "button" onclick="go()" value="go"/>

2013年4月25日 21:38

gaoxiangyangwpy
0
0 0 0

1个答案按时间排序按投票排序

0 0

送你个dmeo:

<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<html>
<head>
<link href="common/common.css" type="text/css" rel="stylesheet">
<script src="common/common.js" type="text/javascript"></script>
<script type="text/javascript" src="common/popcalendar.js"></script>
<script type="text/javascript" src="openflash/swfobject2.js"></script>
<script type="text/javascript" src="js/json/json2.js"></script>
</head>
<body>
<div id="rightlayout" style="width: 800px">
<div style="text-align: left;color:red"><html:errors /></div>
<html:form	action="/Chart">
	<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse;border-color:#AAAAAA">
	<tr><td>
	<table border="0" align="center" background="images/query-inner-bg.jpg" cellpadding="0" cellspacing="0" height="120">
		<tr><td height="31" width="781" background="images/query-top-bg.jpg" style="font-size: 14px;color: white;">&nbsp;查询</td></tr>
		<tr><td>
			<table border="0" width="95%" align="center">
				<tr>
					<td>开始日期：</td><td><html:text property="qStartTime" size="20" styleClass="textbox" errorStyleClass="textbox_err"></html:text><a href onclick="popUpCalendar(this, document.forms[0].qStartTime, 'yyyy-mm-dd',-1,-1,false);return false"><img src="images/calendar.gif" border="0"></a></td>
					<td>结束日期：</td><td><html:text property="qEndTime" size="20" styleClass="textbox" errorStyleClass="textbox_err"></html:text><a href onclick="popUpCalendar(this, document.forms[0].qEndTime, 'yyyy-mm-dd',-1,-1,false);return false"><img src="images/calendar.gif" border="0"></a></td>
				</tr>
				<tr>
					<td colspan="6" align="right">
						<input type="button" name="query" class="button" value="查询" onclick="submitFrm(this.form,'<c:url value="Chart.do"/>')">
						<input type="button" name="begin" class="button" value="开始" onclick="startDrawLine()">
						<input type="button" name="end" class="button" value="暂停" onclick="stopDrawLine()">
					</td>
				</tr>
			</table>
		</td></tr>
	</table>
	</td></tr></table>
</html:form>
</div>
<div id="ofc">
</div>

	
<script type="text/javascript">
	swfobject.embedSWF(
         "openflash/open-flash-chart2.swf", "ofc",
         "800", "300", "9.0.0", "expressInstall.swf"
    );
</script>

<script type="text/javascript">
	var chartJson=${chartJson};
	
	var iIntervalId=null; //记录setInterval()方法创建的时间间隔id
	var count=1;	//计数
	var xSteps=5;   //x轴的步长
	var iMax=chartJson.max;	//设置最大值
	var sUnit=chartJson.unit; //设置单位
	var yMax=iMax*1.2;	//设置y轴最大值
	var initSize=50;
	
	function open_flash_chart_data()
	{
	    return JSON.stringify(data);
	}
	
	function findSWF(movieName) {
	  if (navigator.appName.indexOf("Microsoft")!= -1) {
	    return window[movieName];
	  } else {
	    return document[movieName];
	  }
	}
	
	//定义初始化y值,显示50个
	var initYValue=new Array(initSize);
	var initLabels=new Array(initSize);
	for(var i=0;i<initSize;i++){
		initYValue[i]=chartJson.yValues[i];
		initLabels[i]=chartJson.xValues[i];
	}

	//初始化的json数据
	var data={
			 "title":{
			    "text":"中石油",
			    "style":"{font-size: 15px;}"
			  },
			
			  "y_legend":{
			    "text":"Only English",
			    "style":"{font-size: 12px; color:#FF6600;}"
			  },
			  
			  "x_legend": { 
			  	"text": "时间点", "style": "{font-size: 16px; color: #736AFF}" 
			  },
			  
			  "elements":[
			    {
			      "type":      "line",
			      "colour":    "#00ae9d",
			      "text":      "Page views",
			      "width":     2,
			      "font-size": 10,
			      "dot-size":  6,
			      "values" :   initYValue
			    }
			  ],
			  
			  "x_axis":{
			    "steps": xSteps,
			    "labels": 
			    	{
				    	"colour":"#CC0000", //设置颜色
				    	"labels":initLabels
			    	}
			
			  },
			  "y_axis":{
			  	"offset": false,
			  	"stroke": 1,
			  	"colour":"#9ABD2E",
			  	"grid-colour":"#DAD5E0",
			  	"min":0,
			  	"max":yMax,
			  	"steps":110,
			  	"labels": {"colour": "#CC0000" }		
			  },
			  "bg_colour": "#CCFF99" //设置图形背景色
	}
		
	function drawLine(){
		var xLabel=new Array; 
		var yValue=new Array;
		
		if(initSize+xSteps*count>iMax){	//对超出最大值的处理
			clearInterval(iIntervalId);	//当达到最大值时,取消时间间隔
			document.getElementsByName("begin")[0].setAttribute("onclick",function(){});
			document.getElementsByName("end")[0].setAttribute("onclick",function(){});
			for(var j=xSteps*count;j<iMax;j++){
				yValue.push(chartJson.yValues[j]);
				xLabel.push(chartJson.xValues[j]);
			}
		}else{
			for(var j=xSteps*count;j<initSize+xSteps*count;j++){
				yValue.push(chartJson.yValues[j]);
				xLabel.push(chartJson.xValues[j]);
			}
		}
		
		//剩余的json数据(只需改变原数据data的y轴的值和x轴的标签值labels,然后赋值给leftData)
		data.elements[0].values=yValue;
		data.x_axis.labels.labels=xLabel;
		var leftData=data;
		
		var tmp = findSWF("ofc");
    	tmp.load(JSON.stringify(leftData));
		count++; 
 	}
 	function startDrawLine(){
 		if(iIntervalId!=null){
 	 		clearInterval(iIntervalId);	
 	 	}
 		iIntervalId=setInterval(drawLine,1000);	//每隔1s钟调用函数
 	}
 	
 	function stopDrawLine(){
 	 	if(iIntervalId!=null){
 	 		clearInterval(iIntervalId);
 	 	}
		//setTimeout(drawLine,0);	//立刻调用一次drawLine函数后暂停
		//这里应该调用1个空函数
		setTimeout(function(){},0);
 	}

 	
</script>
</body></html>

+参考连接：
http://hi.baidu.com/javagril/item/2ca42e3501554382c2cf29d6

2013年4月25日 22:10