Как составить таблицу от mysql данных? (использование API визуализации Google)
Я имею некоторые данные и хочу составить некоторые динамические таблицы. Я считал API визуализации Google.. Это выглядит большим, но проблема, я не очень знаком с ним. Любые идеи, как я могу установить data.setValue от mysql данных.
<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 Visualisation API.
Спасибо.
2 ответа
Обновление:
Посмотрите, как можно добавить данные на график. У вас есть возможность добавлять данные в 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. Я в основном нашел это просто через поиск...
Без дополнительной информации мы не можем дать конкретный ответ, но общий подход таков:
Предполагая, что вы уже извлекли записи из вашей БД в набор результатов $results, вы можете просто перебирать их в цикле:
<?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; ?>
Я рекомендую http://pchart.sourceforge.net/ диаграмму для построения графиков. работает отлично.