2014-12-13 106 views
0

我想在我的谷歌折線圖中顯示更多小數點。此時圖表不顯示小數點後的數字。我希望圖表顯示2或3位小數。Google charts更多小數點

這是我的代碼:

<html> 
<head> 

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">  </script> 
<script type="text/javascript"> 

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

google.setOnLoadCallback(drawChart); 

function drawChart() { 
    var jsonData = $.ajax({ 
     url: "Lat.php", 
     dataType:"json", 
     async: false 
     }).responseText; 

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

    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
    chart.draw(data, {width: 600, height: 400}); 
} 


</script> 
</head> 

<body> 
<!--Div that will hold the chart--> 
<div id="chart_div"></div> 
</body> 
</html> 

圖顯示數據庫中的數據,我呼籲這個數據與此代碼:

<?php 

$databaseName = "pws"; 
$con = mysql_connect('localhost', 'root', 'usbw') or die('Error connecting to server'); 
mysql_select_db($databaseName, $con); 
$query = mysql_query('SELECT * FROM gpx'); 

$table = array(); 
$table['cols'] = array(

    array('label' => 'id', 'type' => 'number'), 
    array('label' => 'Lat', 'type' => 'number'), 
    array('label' => 'Lon', 'type' => 'number'), 
    array('label' => 'Ele', 'type' => 'number') 
); 

$rows = array(); 
while($r = mysql_fetch_assoc($query)) { 

$temp = array(); 
    $temp[] = array('v' => (int)$r['id']); 
    $temp[] = array('v' => (int) $r['Lat']); 
    $temp[] = array('v' => (int) $r['Lon']); 
    $temp[] = array('v' => (int) $r['Ele']); 

$rows[] = array('c' => $temp); 
} 


$table['rows'] = $rows; 

$jsonTable = json_encode($table); 

header('Cache-Control: no-cache, must-revalidate'); 
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); 
header('Content-type: application/json'); 

echo $jsonTable; 
?> 

有誰知道我怎樣才能使線路圖顯示更多小數?

編輯: 沒關係,我設法解決它。 的(INT)的在PHP文件是問題,通過消除他們的問題解決了

+0

無法理解您的問題,折線圖根據您提供的數據進行渲染。如果你的數據有小數,你需要確保PHP腳本正確地格式化爲有兩個小數點,並且圖表庫會適當地渲染它。 我建議使用結構和示例數據來修改Google圖表JSFiddle,以測試您是否能夠在您的環境中未經測試而實現所需內容。如果可能的話,創建自己的小提琴並分享它,以更詳細地描述問題。 http://jsfiddle.net/api/post/library/pure/ – 2014-12-13 11:16:34

+0

我設法找到問題,我只需要在PHP文件中刪除(int)的。現在它工作正常。謝謝你的幫助。 – 2014-12-13 12:29:09

+0

很高興看到這一點,我懷疑你的PHP代碼可能會剝離小數。請更新您的問題或提供答案並接受它來解決問題。 – 2014-12-13 12:36:47

回答

0

通過移除(int)「在PHP文件,我設法使得S工作

篩選:

$temp = array(); 
    $temp[] = array('v' => $r['id']); 
    $temp[] = array('v' => $r['Lat']); 
    $temp[] = array('v' => $r['Lon']); 
    $temp[] = array('v' => $r['Ele']); 

$rows[] = array('c' => $temp); 
}