google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
sample();
var data = google.visualization.arrayToDataTable(x);
var options = {
title: 'Company Performance'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
var x=new Array(4);
function sample(){
for(s=0;s<4;s++){
x[s]=new Array();
}
x[0][0]="year";
x[0][1]="sale";
x[0][2]="exp";
x[1][0]="2001";
x[1][1]=200;
x[1][2]=100;
x[2][0]="2002";
x[2][1]=400;
x[2][2]=200;
x[3][0]="2002";
x[3][1]=300;
x[3][2]=500;
}
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script src="sample.js"></script>
<script src="line.js"></script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
最終更新:2015年10月22日 13:57