2013-02-20 13 views
0

Как заполнить API-интерфейс Google Chart с помощью моих собственных данных на стороне сервера, то есть в PHPMySQL.Данные API Google Chart

В настоящее время у меня есть следующие данные:

function drawChart() 
{ 
// Create the data table. 
var data = new google.visualization.DataTable(); 
data.addColumn('string', 'City'); 
data.addColumn('number', 'Number of Crimes'); 
data.addRows([ 
      ['Cardiff', 300], 
      ['London', 900], 
      ['Manchester', 500], 
      ['Dublin', 400], 
      ['Liverpool', 600] 
      ]); 

// Set Chart Options 
var options = { 
    'legend': 'left', 
    'title': 'Crimes (per day)', 
    'is3D': 'True', 
    'width':400, 
    'height':300 
}; 

// Instantiate and Draw Chart. 
var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
chart.draw(data, options); 
} 

Но как я кормлю его данные из таблицы в моей базе данных MySQL?

ответ

3

Перед JavaScript-кода в API Графики вы должны получить данные из базы данных:

//Your database query goes here 
$list = mysql_query("SELECT city,crimes FROM TABLE"); 
while($row = mysql_fetch_assoc($list)){ 
    $data[] = "['".$row['city']."', ".$row['crimes']."]"; 
} 
$data_for_chart = implode(",\n"$data); 

Теперь замените в вашем JS-код:

data.addRows([ 
     ['Cardiff', 300], 
     ['London', 900], 
     ['Manchester', 500], 
     ['Dublin', 400], 
     ['Liverpool', 600] 
     ]); 

С:

data.addRows([ 
     <?php echo $data_for_chart; ?> 
     ]); 
+0

Извините, не могли бы вы сказать мне, где? Я действительно плохо разбираюсь в этом. –

+0

@JohnSmith: Я расширил свой ответ. – oktopus

+0

Проблема решена, большое вам спасибо! –

Смежные вопросы