2013-08-17 2 views
0

다음과 같은 코드를 생각해 정의되지 않는다 : 이제google.visualization.DataTable이 날짜가

google.load("visualization", "1", { 
    packages: ["corechart"] 
}); 
google.setOnLoadCallback(drawChart); 

function drawChart() { 
    var data = google.visualization.DataTable(); 
    data.addColumn('datetime', 'Time'); 
    data.addColumn('number', 'Leads'); 
    data.addRow([Date.parse("2013-08-17 10:12:18"), 0]); 
    data.addRow([Date.parse("2013-08-17 09:13:42"), 14]); 
    data.addRow([Date.parse("2013-08-17 10:00:05"), 15]); 
    data.addRow([Date.parse("2013-08-17 11:12:18"), 3]); 
    var options = { 
     title: 'Company Performance', 
     fontSize: '12px', 
     curveType: 'function', 
     pointSize: 5, 
     hAxis: { 
      title: 'Daily Report', 
      titleTextStyle: { 
       color: '#FF0000' 
      } 
     }, 
     vAxis: { 
      title: 'Leads', 
      titleTextStyle: { 
       color: '#FF0000' 
      } 
     } 
    }; 

    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
} 

을 위의 코드는 구글 차트 API를로드 suppsed되어하는 선 차트 그래프를 생성 DataTable &를 정의하지만, 그렇지 않습니다 . 대신에, 나는 열

를 추가하는 다음과 같은 오류하려고 할 때
TypeError: data is undefined #at this line --> data.addColumn('datetime', 'Time') 

사람이 내가 놓친 거지 무엇을 말해 줄 수 있습니까?

답변

2

google.visualization.Datatable의 새 개체를 만드는 동안 new을 사용하지 않았습니다.

function drawChart() { 
    // var data = google.visualization.DataTable(); missed new keyword 
    var data = new google.visualization.DataTable(); 
//... 
}