이 코드는 XML 파일에서 데이터를 가져옵니다. 현재 배열에있는 Google 차트에 이러한 데이터를 제공해야합니다. 내 xml 값을 Google 차트에 전달해야합니다. 누구든지이 사실을 알 수있게 도와 줄 수 있습니까? 아래는 내 코드입니다.한 함수에서 다른 함수로 배열 전달
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
var values = [];
$(document).ready(function() {
$.ajax({
type: "GET",
url: "ChartData.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('Pie').each(function() {
var sTitle = $(this).find('Title').text();
var sValue = $(this).find('Value').text();
values.push([sTitle, sValue]);
});
drawChart(values);
},
error: function() {
alert("An error occurred while processing XML file.");
}
});
});
function drawChart(val) {
alert(val);
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 11],
['Eat', 2],
['Commute', 2],
['Watch TV', 2],
['Sleep', 7]
]);
var options = {
title: 'My Daily Activities'
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
<title>My Read</title>
</head>
<body>
<div id="piechart" style="width: 900px; height: 500px;"></div>
</body>
</html>
당신은으로 drawChart()
기능에 해당 배열을 통과
<?xml version="1.0" encoding="utf-8" ?>
<Chart>
<Pie>
<Title>Task</Title>
<Value>Hours per Day</Value>
</Pie>
<Pie>
<Title>Work</Title>
<Value>11</Value>
</Pie>
<Pie>
<Title>Eat</Title>
<Value>2</Value>
</Pie>
<Pie>
<Title>Commute</Title>
<Value>2</Value>
</Pie>
<Pie>
<Title>Watch TV</Title>
<Value>2</Value>
</Pie>
<Pie>
<Title>Sleep</Title>
<Value>7</Value>
</Pie>
</Chart>
당신은 * 배열을'drawChart' 함수의 값으로 전달하고 있습니다 만, 그 안에 아무 것도 사용하지 않습니다. 'google.visualization.arrayToDataTable (val)' – Justinas
예 google.visualization.arrayToDataTable (val)에서 사용하는 방법을 모르겠다. – user3689990
어떻게하는지 보여 줄 수 있습니까? 감사합니다 – user3689990