2010-05-11 2 views
1

일부 데이터가 있고 동적 차트를 만들고 싶습니다. 나는 Google 시각화 api에 보았다. 그것은 중대하게 본다 그러나 문제는 나가 그것에 아주 친밀하지 않다이다. 어떤 아이디어, 어떻게 내가 mysql 데이터에서 data.setValue 설정할 수 있습니다.mysql 데이터에서 차트를 만드는 방법은 무엇입니까? (Google 시각화 API 사용)

<script type='text/javascript'> 
    google.load('visualization', '1', {'packages': ['geomap']}); 
    google.setOnLoadCallback(drawMap); 

    function drawMap() { 
     var data = new google.visualization.DataTable(); 
     data.addRows(6); 
     data.addColumn('string', 'Country'); 
     data.addColumn('number', 'Popularity'); 
     data.setValue(0, 0, 'Germany'); 
     data.setValue(0, 1, 200); 
     data.setValue(1, 0, 'United States'); 
     data.setValue(1, 1, 300); 
     data.setValue(2, 0, 'Brazil'); 
     data.setValue(2, 1, 400); 
     data.setValue(3, 0, 'Canada'); 
     data.setValue(3, 1, 500); 
     data.setValue(4, 0, 'France'); 
     data.setValue(4, 1, 600); 
     data.setValue(5, 0, 'RU'); 
     data.setValue(5, 1, 700); 

     var options = {}; 
     options['dataMode'] = 'regions'; 

     var container = document.getElementById('map_canvas'); 
     var geomap = new google.visualization.GeoMap(container); 
     geomap.draw(data, options); 
    }; 
    </script> 

다른 방법을 사용하여 차트를 만들 수 있지만 Google 시각화 API를 사용하는 데 관심이 있습니다.

감사합니다.

답변

2

업데이트 :

이 차트에 데이터를 추가 할 수있는 방법에 대해 살펴 되세요. add data in JSON 가능성이 있습니다.

당신이해야 할 일은 해당 PHP 배열을 준비하는 것입니다. 그런 다음이 배열을 직렬화하고 데이터를 설정할 수 있습니다. 예 :

<?php 
// $data is an array and already has the correct structure... 
$jdata = json_encode($data); 

?> 

<!-- later ... --> 

<script type='text/javascript'> 
    google.load('visualization', '1', {'packages': ['geomap']}); 
    google.setOnLoadCallback(drawMap); 

    function drawMap() { 
     var data = new google.visualization.DataTable(<?php echo $jdata ?>); 
     var options = {}; 
     options['dataMode'] = 'regions'; 

     var container = document.getElementById('map_canvas'); 
     var geomap = new google.visualization.GeoMap(container); 
     geomap.draw(data, options); 
    }; 
</script> 

설명서/API reference을 읽는 것이 좋습니다.

이미 결과 세트에 DB에서 레코드를 가져온 것을 가정 : 나는 기본적으로 우리가 특정 대답을 할 수는 없지만 일반적인 접근 방식은 추가 정보가 없으면 그냥 ... 검색하여


를이 발견

<?php foreach($results as $row): ?> 

    data.setValue(<?php echo $row['column1']; ?>, <?php echo $row['column2']; ?>); 
    // depends on what type of char you want to create, on your actual data etc. 

<?php endforeach; ?> 
+0

. 덕분에이 방법을 이해할 수 있습니다. 모든 것을 혼합하지 않고 더 좋은 방법이 있습니다. 예를 들어, 형식이 지정된 데이터를 반환하는 data.php를 호출하는 것이 좋습니다. Thx – user187580

+0

@ user187580 : 업데이트 된 답변을 참조하십시오. –

+0

건배 @ 필릭스. 고마워. – user187580

0

그래프 용으로 http://pchart.sourceforge.net/ pchart를 사용하는 것이 좋습니다. 그것은 완벽하게 작동합니다.

+0

다른 방법을 사용하여 차트를 만들 수 있지만 Google 시각화 API를 사용하는 데 관심이 있습니다. Thx – user187580

+0

한계 한계 및 일일 쿼리 제한과 같은 몇 가지 제한 사항이있는 Google – osm

+0

음 .. 음 .. 일부 admi 기능을 위해 사용할 예정이므로 많은 전화가 없을 것입니다. 제한 문제가 없습니다. Thx – user187580

관련 문제