Question

我正在尝试使用$.getJSON()方法获取Json数据。

这就是结果：

Hcount:29Acount:0Pcount:12Ccount:0

我想在谷歌图表API的帮助下使用结果计数绘制条形图，因此我使用了getbar()方法。但是在通过getbar()方法之后没有任何事情发生。

以下是Javascript和HTML代码：

＆＃13;

function getStats() {
	var obj1="";
	
	$.getJSON('getbusinessstats', function(response) {
	
		
		var txnSource = "";
		$.each(response.tanSource, function(key, value) {
			tanSource += key+":"+value
		});
		obj1={ "Array1": [tanSource] };
		alert(obj1.Array1)
		getbar(obj1);
		//$('#vis_div tbody').html(tanSource);
	});
	}
	
	
	
	function getbar(obj2)
	
	{
		
		google.load('visualization', '1');
	      google.setOnLoadCallback(drawVisualization);
	
	      function drawVisualization() {
	        var wrapper = new google.visualization.ChartWrapper({
	          chartType: 'ColumnChart',
	          dataTable: [obj2],
	                      
	          options: {'title': 'INPUT'},
	          containerId: 'vis_div'
	        });
	      
	        wrapper.draw();
	      }
		
	}
	
	$(document).ready(function() {
		getStats();
		setInterval(function() {
			getStats();
		}, 5000);
	});

＆＃13;

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script src="lib/jquery-1.11.1.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
</head>
<body>
<div >
	<span class="label label-info">INPUT </span>
				<table id="vis_div">
					
					<tbody>
					</tbody>
				</table>
			</div>
</body>

</html>

＆＃13;

如何使用Json的动态数据绘制谷歌条形图

0 个答案: