데이터베이스에서 Google 차트의 JSON 문자열보기

Question

현재 mysql 데이터베이스의 데이터를 쿼리하고 JSON 문자열로 인코딩하는 웹 사이트를 개발 중입니다. Google 차트와 테이블을 사용하여 데이터를보고 싶습니다.

현재 테이블의 데이터를 볼 수 없지만 JSON 문자열 출력이 올바른 것 같습니다.

Answer 1

당신은 당신을 변환해야 도움이 모든 종류의 감사하겠습니다 dataTableViewDaily.php

: 내가 가지고있는이 URL에 JSONString 에코 그러나

function drawVisualization() { 
     var jsonData = null; 
     var json = $.ajax({ 
      url: "dataTableViewDaily.php", // make this url point to the data file 
      dataType: "json", 
      async: false, 
      success: (
       function(data){ 
       jsonData = data; 

    var data = new google.visualization.DataTable(jsonData); 

     // Create and draw the visualization. 
     visualization = new google.visualization.Table(document.getElementById('table')); 
     visualization.draw(data, null); 
       }) 
     }).responseText; 
    } 


    google.setOnLoadCallback(drawVisualization); 

: 여기

는 자바 스크립트 코드 jsonData를 Google Chart API가 이해할 수있는 테이블로 변환합니다.

다음은 최근에 작업 한 프로젝트의 간단한 자바 스크립트 스 니펫입니다.

//Assuming jsonData has a json array : customerList 
var jsonData = { 
        "count":2, 
        "customerList":[ 
         {"customerName":"gupta","customerID":"you@example.com"}, 
         {"customerName":"neetesh","customerID":"me@example.com"} 
        ] 
       }; 
c = jsonData.customerList; 
var data = new google.visualization.DataTable(); 
data.addColumn('number', 's.no.'); 
data.addColumn('string', 'Customer Name'); 
data.addColumn('string', 'Customer email ID'); 
data.addRows(c.length); 
for(var i = 0; i < c.length; i++) 
{ 
    data.setCell(i, 0, i) 
    data.setCell(i, 1, c[i].customerID); 
    data.setCell(i, 2, c[i].customerName); 
} 
visualization = new google.visualization.Table(
          document.getElementById('table')); 
visualization.draw(data, null);