php与eCharts结合,23.安装php和echarts进行结合展示图表
$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进行结合展示图表的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： easyexcel安全扫描报php,ea
- 下一篇： php显示html表单内容,HTML表单