怎樣在 html 網(wǎng)頁中顯示MySQL數(shù)據(jù)表，然后在網(wǎng)頁中能將時間、溫度等數(shù)據(jù)調(diào)用成曲線或者直接形成表格？

你好，如果要把mysql數(shù)據(jù)庫里的數(shù)據(jù)寫入網(wǎng)頁，你需要有一個后臺服務(wù)器，然后用php讀取mysql的數(shù)據(jù)，再顯示到網(wǎng)頁上去，表格很簡單，html 的 table 就可以搞定， 曲線圖就要用到j(luò)avascript 插件了。

成都創(chuàng)新互聯(lián)作為成都網(wǎng)站建設(shè)公司，專注成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計，有關(guān)成都企業(yè)網(wǎng)站建設(shè)方案、改版、費用等問題，行業(yè)涉及被動防護網(wǎng)等多個領(lǐng)域，已為上千家企業(yè)服務(wù)，得到了客戶的尊重與認(rèn)可。

怎么用PHP做實時查詢的曲線圖

推薦一個 ImageGraph 類庫可以滿足一般的圖表制作需求.

google 搜索一下 ImageGraph, 好像是 PHP 擴展庫 PEAR 里面的一個組件.

答題不易，互相理解，您的采納是我前進的動力，感謝您。

希望回答對你有幫助，如果有疑問，請繼續(xù)追問

php多點曲線圖 為什么變成一片顏色塊

//可根據(jù)數(shù)據(jù)自適應(yīng)X和Y軸大小。

//在同一個圖形中可顯示多個曲線圖

//用戶可給出生成的圖的尺寸大小，數(shù)據(jù)參數(shù)。類根據(jù)數(shù)據(jù)的值來判斷生成的圖形的高（默認(rèn)10格）和寬各分幾格。

//若用戶沒有給出圖的尺寸大小，則圖形高和寬為255像素

//數(shù)據(jù)參數(shù)通過一個方法add_data($array)來多次添加，每次一個數(shù)組。

//可自設(shè)定圖形邊框，矩形圖內(nèi)線，深色邊框線，淺色邊框線，曲線，點的顏色。若用戶沒有指定，則為默認(rèn)值

//set_colors方法設(shè)定不同曲線的不同色彩

//可進行圖形的疊加顯示:點，線，矩形

//注意：需要GD庫支持

class build_graph {

var $graphwidth=300;

var $graphheight=300;

var $width_num=0; //寬分多少等分

var $height_num=10; //高分多少等分，默認(rèn)為10

var $height_var=0; //高度增量（用戶數(shù)據(jù)平均數(shù)）

var $width_var=0; //寬度增量（用戶數(shù)據(jù)平均數(shù)）

var $height_max=0; //最大數(shù)據(jù)值

var $array_data=array(); //用戶待分析的數(shù)據(jù)的二維數(shù)組

var $array_error=array(); //收集錯誤信息

var $colorBg=array(255,255,255); //圖形背景-白色

var $colorGrey=array(192,192,192); //灰色畫框

var $colorBlue=array(0,0,255); //藍色

var $colorRed=array(255,0,0); //紅色（點）

var $colorDarkBlue=array(0,0,255); //深色

var $colorLightBlue=array(200,200,255); //淺色

var $array_color; //曲線著色（存儲十六進制數(shù)）

var $image; //我們的圖像

//方法：接受用戶數(shù)據(jù)

function add_data($array_user_data){

if(!is_array($array_user_data) or empty($array_user_data)){

$this-array_error['add_data']="沒有可供分析的數(shù)據(jù)";

return false;

exit();

}

$i=count($this-array_data);

$this-array_data[$i]=$array_user_data;

}

//方法：定義畫布寬和長

function set_img($img_width,$img_height){

$this-graphwidth=$img_width;

$this-graphheight=$img_height;

}

//設(shè)定Y軸的增量等分，默認(rèn)為10份

function set_height_num($var_y){

$this-height_num=$var_y;

}

//定義各圖形各部分色彩

function get_RGB($color){ //得到十進制色彩

$R=($color16) 0xff;

$G=($color8) 0xff;

$B=($color) 0xff;

return (array($R,$G,$B));

}

//---------------------------------------------------------------

#定義背景色

function set_color_bg($c1,$c2,$c3){

$this-colorBg=array($c1,$c2,$c3);

}

#定義畫框色

function set_color_Grey($c1,$c2,$c3){

$this-colorGrey=array($c1,$c2,$c3);

}

#定義藍色

function set_color_Blue($c1,$c2,$c3){

$this-colorBlue=array($c1,$c2,$c3);

}

#定義色Red

function set_color_Red($c1,$c2,$c3){

$this-colorRed=array($c1,$c2,$c3);

}

#定義深色

function set_color_DarkBlue($c1,$c2,$c3){

$this-colorDarkBlue=array($c1,$c2,$c3);

}

#定義淺色

function set_color_LightBlue($c1,$c2,$c3){

$this-colorLightBlue=array($c1,$c2,$c3);

}

//---------------------------------------------------------------

//方法:由用戶數(shù)據(jù)將畫布分成若干等份寬

//并計算出每份多少像素

function get_width_num(){

$this-width_num=count($this-array_data[0]);

}

function get_max_height(){

//獲得用戶數(shù)據(jù)的最大值

$tmpvar=array();

foreach($this-array_data as $tmp_value){

$tmpvar[]=max($tmp_value);

}

$this-height_max=max($tmpvar);

return max($tmpvar);

}

function get_height_length(){

//計算出每格的增量長度(用戶數(shù)據(jù)，而不是圖形的像素值)

$max_var=$this-get_max_height();

$max_var=round($max_var/$this-height_num);

$first_num=substr($max_var,0,1);

if(substr($max_var,1,1)){

if(substr($max_var,1,1)=5)

$first_num+=1;

}

for($i=1;$istrlen($max_var);$i++){

$first_num.="0";

}

return (int)$first_num;

}

function get_var_wh(){ //得到高和寬的增量

$this-get_width_num();

//得到高度增量和寬度增量

$this-height_var=$this-get_height_length();

$this-width_var=round($this-graphwidth/$this-width_num);

}

function set_colors($str_colors){

//用于多條曲線的不同著色，如$str_colors="ee00ff,dd0000,cccccc"

$this-array_color=split(",",$str_colors);

}

######################################################################################################

function build_line($var_num){

if(!empty($var_num)){ //如果用戶只選擇顯示一條曲線

$array_tmp[0]=$this-array_data[$var_num-1];

$this-array_data=$array_tmp;

}

for($j=0;$jcount($this-array_data);$j++){

list($R,$G,$B)=$this-get_RGB(hexdec($this-array_color[$j]));

$colorBlue=imagecolorallocate($this-image,$R,$G,$B);

for($i=0;$i$this-width_num-1;$i++){

$height_pix=round(($this-array_data[$j][$i]/$this-height_max)*$this-graphheight);

$height_next_pix=round($this-array_data[$j][$i+1]/$this-height_max*$this-graphheight);

imageline($this-image,$this-width_var*$i,$this-graphheight-$height_pix,$this-width_var*($i+1),$this-graphheight-$height_next_pix,$colorBlue);

}

}

//畫點

$colorRed=imagecolorallocate($this-image, $this-colorRed[0], $this-colorRed[1], $this-colorRed[2]);

for($j=0;$jcount($this-array_data);$j++){

for($i=0;$i$this-width_num;$i++){

$height_pix=round(($this-array_data[$j][$i]/$this-height_max)*$this-graphheight);

imagearc($this-image,$this-width_var*$i,$this-graphheight-$height_pix,6,5,0,360,$colorRed);

imagefilltoborder($this-image,$this-width_var*$i,$this-graphheight-$height_pix,$colorRed,$colorRed);

}

}

}

######################################################################################################

function build_rectangle($select_gra){

if(!empty($select_gra)){ //用戶選擇顯示一個矩形

$select_gra-=1;

}

//畫矩形

//配色

$colorDarkBlue=imagecolorallocate($this-image, $this-colorDarkBlue[0], $this-colorDarkBlue[1], $this-colorDarkBlue[2]);

$colorLightBlue=imagecolorallocate($this-image, $this-colorLightBlue[0], $this-colorLightBlue[1], $this-colorLightBlue[2]);

if(empty($select_gra))

$select_gra=0;

for($i=0; $i$this-width_num; $i++){

$height_pix=round(($this-array_data[$select_gra][$i]/$this-height_max)*$this-graphheight);

imagefilledrectangle($this-image,$this-width_var*$i,$this-graphheight-$height_pix,$this-width_var*($i+1),$this-graphheight, $colorDarkBlue);

imagefilledrectangle($this-image,($i*$this-width_var)+1,($this-graphheight-$height_pix)+1,$this-width_var*($i+1)-5,$this-graphheight-2, $colorLightBlue);

}

}

######################################################################################################

function create_cloths(){

//創(chuàng)建畫布

$this-image=imagecreate($this-graphwidth+20,$this-graphheight+20);

}

function create_frame(){

//創(chuàng)建畫框

$this-get_var_wh();

//配色

$colorBg=imagecolorallocate($this-image, $this-colorBg[0], $this-colorBg[1], $this-colorBg[2]);

$colorGrey=imagecolorallocate($this-image, $this-colorGrey[0], $this-colorGrey[1], $this-colorGrey[2]);

//創(chuàng)建圖像周圍的框

imageline($this-image, 0, 0, 0, $this-graphheight,$colorGrey);

imageline($this-image, 0, 0, $this-graphwidth, 0,$colorGrey);

//imageline($this-image, ($this-graphwidth-1),0,($this-graphwidth-1),($this-graphheight-1),$colorGrey);

imageline($this-image, 0,($this-graphheight-1),($this-graphwidth-1),($this-graphheight-1),$colorGrey);

}

function create_line(){

//創(chuàng)建網(wǎng)格。

$this-get_var_wh();

$colorBg=imagecolorallocate($this-image, $this-colorBg[0], $this-colorBg[1], $this-colorBg[2]);

$colorGrey=imagecolorallocate($this-image, $this-colorGrey[0], $this-colorGrey[1], $this-colorGrey[2]);

$colorRed=imagecolorallocate($this-image, $this-colorRed[0], $this-colorRed[1], $this-colorRed[2]);

for($i=1;$i=$this-height_num;$i++){

//畫橫線

imageline($this-image,0,$this-graphheight-($this-height_var/$this-height_max*$this-graphheight)*$i,$this-graphwidth,$this-graphheight-($this-height_var/$this-height_max*$this-graphheight)*$i,$colorGrey);

怎么不安裝類庫用php畫曲線圖和餅圖？

php本身沒有畫圖功能。都是通過GD庫等外部擴展實現(xiàn)的。如果只是單純的曲線圖和餅圖，可以考慮使用前端js代碼實現(xiàn)，比如iChart等插件都能做出很漂亮的示意圖。比GD搞出來的要漂亮，而且是動態(tài)的，可以根據(jù)點擊進行交互。

php有沒有生成數(shù)據(jù)報表和相關(guān)圖形曲線的工具？ - PHP進階討論

有個庫是jpgraph下下來，看看里面的demo比著改一個就好！ 查看原帖

php charts曲線圖 本地顯示 服務(wù)器不顯示

樣式?jīng)]有調(diào)用成功

超文本預(yù)處理器是一種通用編程語言，最初是為了進行網(wǎng)頁開發(fā)而設(shè)計的。它最初是由拉斯馬斯·勒德爾夫在1994年創(chuàng)建的。

PHP引用現(xiàn)在是由The PHP Group實現(xiàn)的。PHP最初是個人主頁的縮寫，但現(xiàn)在它是一個首字母遞歸型縮略詞，全稱為Hypertext Preprocessor，即超文本預(yù)處理器。