2014-06-18 22 views
0

我正在通過獲取數據表作爲來自其他頁面的響應來填充圖表。 所以我要在另一端創建json對象並將其傳輸到請求的站點,並且他們解析對象並創建數據表並填充圖表。想要將custome工具提示添加到我的折線圖(工具提示將包含一些html內容,如按鈕和一些文本)

var jsonData = $.ajax({ 
       type: "post", 
       url: "getHourDrillChart.php", 
       data: $("#my_form").serialize(), 
       dataType: "json", 
       async: false 
      }).responseText; 

     var obj = jQuery.parseJSON(jsonData);   //alert(""+obj.toSource()); 
     var dataHour = google.visualization.arrayToDataTable(obj);\ 

      chart.setDataTable(dataHour); 
    chart.setOptions(options); 
    chart.draw(); 

其他網站,我創建的圖表數據:

$data[0] = array('Hour',$user); 
        $getTownLocalityInfo = mysql_query($SQLString); 

    # set heading 
     //$data[0] = array('hour','Count');  
     $i=1; 
     $dayArray = array(); 
     while($row = mysql_fetch_assoc($getTownLocalityInfo)){ 
       $date = $row['date']; 
       $hour = $row['day_hours']; 
       $count = (int) $row['sumCount']; 
       $dayArray[] = $hour; 

       mysql_query("INSERT INTO trend_hour_chart_temp(hour,$user,userId) VALUES ('$hour',$count,'$staffId')"); 
       $data[$i] = array($hour , $count); 
       $i++; 
      } 
     echo json_encode($data); 

回答

0

你需要一個工具提示欄添加到您的數據表。工具提示欄添加到您的列標題第一:

$data[0] = array('Hour', $user, array('type' => 'string', 'role' => 'tooltip')); 

然後,在while循環中,提示數據添加到行:

$data[$i] = array($hour , $count, 'tooltip string'); 
+0

我要打電話,而不是(「工具提示字符串」功能)像這樣http://jsfiddle.net/VxcWP/light/ – Ravindra

+0

你可以這樣做,只需用你的函數調用替換''tooltip string''。 – asgallant