$dbms=‘mysql‘; //數據庫類型

$host=‘192.168.86.131‘; //數據庫主機名

$dbName=‘userdb‘; //使用的數據庫

$user=‘sqoop‘; //數據庫連接用戶名

$pass=‘sqoop‘; //對應的密碼

$dsn="$dbms:host=$host;dbname=$dbName";

$dbh= new PDO($dsn, $user, $pass); //初始化一個PDO對象

/*你還可以進行一次搜索操作*/

foreach ($dbh->query(‘SELECT * from upflow‘) as$row) {

$x[]=$row[‘ip‘];

$y[]=$row[‘sum‘];

print_r($row);//你可以用 echo($GLOBAL); 來看到這些值

}

$json_x=json_encode($x);

$json_y=json_encode($y);?>

//基于準備好的dom，初始化echarts實例

var x=<?php echo $json_x?>;var y=<?php echo $json_y?>;var myChart = echarts.init(document.getElementById(‘main‘));

var option ={

title : {

text:‘IT十八掌測試數據‘,

subtext:‘純屬虛構‘},

tooltip : {

trigger:‘axis‘},

legend: {

data:[‘蒸發量‘]

},

toolbox: {

show :true,

feature : {

mark : {show:true},

dataView : {show:true, readOnly: false},

magicType : {show:true, type: [‘line‘, ‘bar‘]},

restore : {show:true},

saveAsImage : {show:true}

}

},

calculable :true,

xAxis : [

{

type :‘category‘,

data : x

}

],

yAxis : [

{

type :‘value‘}

],

series : [

{

name:‘蒸發量‘,

type:‘bar‘,

data:y,

markPoint : {

data : [

{type :‘max‘, name: ‘最大值‘},

{type :‘min‘, name: ‘最小值‘}

]

},

markLine : {

data : [

{type :‘average‘, name: ‘平均值‘}

]

}

},

]

};//使用剛指定的配置項和數據顯示圖表。

myChart.setOption(option);

總結

以上是生活随笔為你收集整理的php与eCharts结合,23.安装php和echarts进行结合展示图表的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。