php折线图 布局图
生活随笔
收集整理的這篇文章主要介紹了
php折线图 布局图
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
例子1：
1 <?php 2 require_once("../conf.php"); 3 ?> 4 <!DOCTYPE HTML> 5 <html> 6 <head> 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 8 <title>標(biāo)準(zhǔn)的chart顯示</title> 9 </head> 10 <body> 11 12 <?php 13 $s2 = array(array(0, 6.29), array(0.1, 8.21), array(0.2, 8.92), array(0.3, 7.33), array(0.4, 7.91), array(0.5, 3.6), array(0.6, 6.88), 14 array(0.7, 1.5), array(0.8, 0.08), array(0.9, 6.36), array(1, 0.5), array(1.1, 9.14), array(1.2, 6.23), array(1.3, 2.66), 15 array(1.4, 9.9), array(1.5, 7.44), array(1.6, 7.82), array(1.7, 8.57), array(1.8, 3.99), array(1.9, 3.83), array(2, 6.78), 16 array(2.1, 7.63), array(2.2, 6.94), array(2.3, 1.24), array(2.4, 2.25), array(2.5, 0.67), array(2.6, 6.73), array(2.7, 2.25), 17 array(2.8, 7.72), array(2.9, 9.36), array(3, 8.49)); 18 19 /** 20 * 定義一個(gè)點(diǎn)的數(shù)組 21 */ 22 $pc = new C_PhpChartX(array($s2)); 23 /** 24 出現(xiàn)方式是否為動畫顯示 25 **/ 26 //$pc->set_animate(true); 27 /** 28 * 設(shè)置標(biāo)題 29 */ 30 $pc->set_title(array('text'=>'標(biāo)準(zhǔn)折線圖')); 31 32 /** 33 * 設(shè)置橫坐標(biāo)的最小值和最大值(x) 34 **/ 35 $pc->set_axes(array('xaxis'=> array('min'=>-0.5,'max'=>4))); 36 /** 37 * 設(shè)置縱坐標(biāo)的最小值和最大值(y) 38 */ 39 $pc->set_axes(array('yaxis'=> array('min'=>-10,'max'=>15))); 40 41 42 /** 43 * 設(shè)置默認(rèn)線條方式 44 * linePattern=>dashed:設(shè)置線條為虛線，''不設(shè)置為實(shí)線.也可以為數(shù)組，數(shù)組中的參數(shù)表示將折線按照要求的數(shù)字值進(jìn)行顯示和隱藏，形成規(guī)則/不規(guī)則的折線 45 * showMarker=>true:設(shè)置顯示折點(diǎn)加亮;false：設(shè)置節(jié)點(diǎn)隱藏. 46 * shadow=>false:設(shè)置線條沒有有陰影，true：表示線條有陰影. 47 * lineWidth：表示折現(xiàn)的粗細(xì)程度。 48 * rendererOptions:線條操作，smooth：true：表示兩點(diǎn)直間連接圓滑，false：表示兩點(diǎn)之間直接連接。 49 */ 50 //$pc->set_series_default(array('linePattern'=>array(2,2),'showMarker'=>true,'shadow'=>true,'lineWidth'=>3,'rendererOptions'=>array('smooth'=>true))); 51 $pc->set_series_default(array('linePattern'=>'','showMarker'=>true,'shadow'=>true,'lineWidth'=>3,'rendererOptions'=>array('smooth'=>false))); 52 /** 53 * 設(shè)置線條的坐標(biāo)面板的顯示和顏色 54 */ 55 56 $pc->add_series(array('label'=>'one','color'=>'red')); 57 58 /** 59 * 設(shè)置折線圖 60 **/ 61 $pc->add_plugins(array('cursor')); 62 /** 63 showVerticalLine:表示設(shè)置是否有縱向比較線 64 showTooltip：表示設(shè)置是否顯示縱向比較線的當(dāng)前位置坐標(biāo)（顯示在圖的右下角處） 65 followMouse:表示縱向比較線當(dāng)前坐標(biāo)是否跟隨鼠標(biāo)。 66 showTooltipDataPosition:是否讓縱向比較線“鼠標(biāo)跟隨坐標(biāo)”只顯示在臨近折點(diǎn)處的坐標(biāo)。 67 tooltipFormatString:設(shè)置坐標(biāo)提示格式 68 **/ 69 $pc->set_cursor(array('showVerticalLine'=>true,'showTooltip'=>true,'followMouse'=>true,'showTooltipDataPosition'=>true,'zoom'=>false,'tooltipFormatString'=>'%s x:%s, y:%s')); 70 71 72 73 /** 74 *設(shè)置圖形顯示的大小，即：長度和寬度。第一個(gè)參數(shù)是長度，第二個(gè)是高度 75 **/ 76 $pc->draw(800,600); 77 78 79 ?> 80 81 </body> 82 </html>
圖片顯示如下：
例子2：
1 <?php 2 require_once("../conf.php"); 3 ?> 4 <!DOCTYPE HTML> 5 <html> 6 <head> 7 <style type="text/css" media="screen"> 8 .jqplot-axis { 9 font-size: 0.85em; 10 } 11 .jqplot-title { 12 font-size: 1.1em; 13 } 14 </style> 15 </head> 16 <body> 17 <div><span> </span><span id="info1b"></span></div> 18 19 <?php 20 21 22 $l1 = array(2, 3, 1, 4, 3); 23 $l2 = array(1, 4, 3, 2, 5); 24 25 $pc = new C_PhpChartX(array($l1,$l2),'chart'); 26 27 $pc->set_title(array('text'=>'Stacked Filled Line Plot with Transparency (transparency not supported in IE6)')); 28 $pc->set_stack_series(true); 29 $pc->set_grid(array('background'=>'#fefbf3','borderWidth'=>2.5)); 30 $pc->set_animate(true); 31 $pc->set_series_default(array('fill'=>true,'shadow'=>false,'showMarker'=>false)); 32 $pc->set_axes(array( 33 'xaxis'=>array('pad'=>1.0,'numberTicks'=>5), 34 'yaxis'=>array('min'=>0,'max'=>12,'numberTicks'=>5) 35 )); 36 37 $pc->add_series(array('color'=>'rgba(68, 124, 147, 0.7)')); 38 $pc->add_series(array('color'=>'rgba(150, 35, 90, 0.7)')); 39 40 $pc->draw(560,400); 41 42 43 44 ?> 45 46 </body> 47 </html>
顯示圖片如下：
1 <?php 2 require_once("../conf.php"); 3 ?> 4 <!DOCTYPE HTML> 5 <html> 6 <head> 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 8 <title>標(biāo)準(zhǔn)的chart顯示</title> 9 </head> 10 <body> 11 12 <?php 13 $s2 = array(array(0, 6.29), array(0.1, 8.21), array(0.2, 8.92), array(0.3, 7.33), array(0.4, 7.91), array(0.5, 3.6), array(0.6, 6.88), 14 array(0.7, 1.5), array(0.8, 0.08), array(0.9, 6.36), array(1, 0.5), array(1.1, 9.14), array(1.2, 6.23), array(1.3, 2.66), 15 array(1.4, 9.9), array(1.5, 7.44), array(1.6, 7.82), array(1.7, 8.57), array(1.8, 3.99), array(1.9, 3.83), array(2, 6.78), 16 array(2.1, 7.63), array(2.2, 6.94), array(2.3, 1.24), array(2.4, 2.25), array(2.5, 0.67), array(2.6, 6.73), array(2.7, 2.25), 17 array(2.8, 7.72), array(2.9, 9.36), array(3, 8.49)); 18 19 /** 20 * 定義一個(gè)點(diǎn)的數(shù)組 21 */ 22 $pc = new C_PhpChartX(array($s2)); 23 /** 24 出現(xiàn)方式是否為動畫顯示 25 **/ 26 //$pc->set_animate(true); 27 /** 28 * 設(shè)置標(biāo)題 29 */ 30 $pc->set_title(array('text'=>'標(biāo)準(zhǔn)折線圖')); 31 32 /** 33 * 設(shè)置橫坐標(biāo)的最小值和最大值(x) 34 **/ 35 $pc->set_axes(array('xaxis'=> array('min'=>-0.5,'max'=>4))); 36 /** 37 * 設(shè)置縱坐標(biāo)的最小值和最大值(y) 38 */ 39 $pc->set_axes(array('yaxis'=> array('min'=>-10,'max'=>15))); 40 41 42 /** 43 * 設(shè)置默認(rèn)線條方式 44 * linePattern=>dashed:設(shè)置線條為虛線，''不設(shè)置為實(shí)線.也可以為數(shù)組，數(shù)組中的參數(shù)表示將折線按照要求的數(shù)字值進(jìn)行顯示和隱藏，形成規(guī)則/不規(guī)則的折線 45 * showMarker=>true:設(shè)置顯示折點(diǎn)加亮;false：設(shè)置節(jié)點(diǎn)隱藏. 46 * shadow=>false:設(shè)置線條沒有有陰影，true：表示線條有陰影. 47 * lineWidth：表示折現(xiàn)的粗細(xì)程度。 48 * rendererOptions:線條操作，smooth：true：表示兩點(diǎn)直間連接圓滑，false：表示兩點(diǎn)之間直接連接。 49 */ 50 //$pc->set_series_default(array('linePattern'=>array(2,2),'showMarker'=>true,'shadow'=>true,'lineWidth'=>3,'rendererOptions'=>array('smooth'=>true))); 51 $pc->set_series_default(array('linePattern'=>'','showMarker'=>true,'shadow'=>true,'lineWidth'=>3,'rendererOptions'=>array('smooth'=>false))); 52 /** 53 * 設(shè)置線條的坐標(biāo)面板的顯示和顏色 54 */ 55 56 $pc->add_series(array('label'=>'one','color'=>'red')); 57 58 /** 59 * 設(shè)置折線圖 60 **/ 61 $pc->add_plugins(array('cursor')); 62 /** 63 showVerticalLine:表示設(shè)置是否有縱向比較線 64 showTooltip：表示設(shè)置是否顯示縱向比較線的當(dāng)前位置坐標(biāo)（顯示在圖的右下角處） 65 followMouse:表示縱向比較線當(dāng)前坐標(biāo)是否跟隨鼠標(biāo)。 66 showTooltipDataPosition:是否讓縱向比較線“鼠標(biāo)跟隨坐標(biāo)”只顯示在臨近折點(diǎn)處的坐標(biāo)。 67 tooltipFormatString:設(shè)置坐標(biāo)提示格式 68 **/ 69 $pc->set_cursor(array('showVerticalLine'=>true,'showTooltip'=>true,'followMouse'=>true,'showTooltipDataPosition'=>true,'zoom'=>false,'tooltipFormatString'=>'%s x:%s, y:%s')); 70 71 72 73 /** 74 *設(shè)置圖形顯示的大小，即：長度和寬度。第一個(gè)參數(shù)是長度，第二個(gè)是高度 75 **/ 76 $pc->draw(800,600); 77 78 79 ?> 80 81 </body> 82 </html>
圖片顯示如下：
例子2：
1 <?php 2 require_once("../conf.php"); 3 ?> 4 <!DOCTYPE HTML> 5 <html> 6 <head> 7 <style type="text/css" media="screen"> 8 .jqplot-axis { 9 font-size: 0.85em; 10 } 11 .jqplot-title { 12 font-size: 1.1em; 13 } 14 </style> 15 </head> 16 <body> 17 <div><span> </span><span id="info1b"></span></div> 18 19 <?php 20 21 22 $l1 = array(2, 3, 1, 4, 3); 23 $l2 = array(1, 4, 3, 2, 5); 24 25 $pc = new C_PhpChartX(array($l1,$l2),'chart'); 26 27 $pc->set_title(array('text'=>'Stacked Filled Line Plot with Transparency (transparency not supported in IE6)')); 28 $pc->set_stack_series(true); 29 $pc->set_grid(array('background'=>'#fefbf3','borderWidth'=>2.5)); 30 $pc->set_animate(true); 31 $pc->set_series_default(array('fill'=>true,'shadow'=>false,'showMarker'=>false)); 32 $pc->set_axes(array( 33 'xaxis'=>array('pad'=>1.0,'numberTicks'=>5), 34 'yaxis'=>array('min'=>0,'max'=>12,'numberTicks'=>5) 35 )); 36 37 $pc->add_series(array('color'=>'rgba(68, 124, 147, 0.7)')); 38 $pc->add_series(array('color'=>'rgba(150, 35, 90, 0.7)')); 39 40 $pc->draw(560,400); 41 42 43 44 ?> 45 46 </body> 47 </html>
顯示圖片如下：
上面的代碼是展示，詳細(xì)代碼請下載內(nèi)容包：http://files.cnblogs.com/IT-Monkey/pietu.rar
轉(zhuǎn)載于:https://www.cnblogs.com/IT-Monkey/p/3242753.html
總結(jié)
以上是生活随笔為你收集整理的php折线图 布局图的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： LAMP：用yum安装
- 下一篇： Sa身份登陆SQL SERVER失败的解