first commit
This commit is contained in:
yangshuimiao
@@ -0,0 +1,290 @@
|
||||
<?php
|
||||
require_once "inc/functions.inc.php";
|
||||
$_REQUEST['t_start']=$_REQUEST['t_start']?$_REQUEST['t_start']:'2023-08-15';
|
||||
$_REQUEST['t_end']=$_REQUEST['t_end']?$_REQUEST['t_end']:date('Y-m-d');
|
||||
$_REQUEST['district']=$_REQUEST['district']?$_REQUEST['district']:'合计';
|
||||
$subTitle=($_REQUEST['district']=='合计')?'宁波地区':$_REQUEST['district'];
|
||||
$title="新房V.S二手房每日成交量({$subTitle})";
|
||||
$title1="新房每日成交量({$subTitle})";
|
||||
$title2="二手房每日成交量({$subTitle})";
|
||||
|
||||
|
||||
$urlAppend = "t=newTBD&t_start={$_REQUEST['t_start']}&t_end={$_REQUEST['t_end']}";
|
||||
$urlAppend .= "&district={$_REQUEST['district']}";
|
||||
$url = 'https://echart.doorcome.cn/inc/ajax.inc.php?'.$urlAppend;
|
||||
|
||||
$urlAppend2 = "t=esfTBD&t_start={$_REQUEST['t_start']}&t_end={$_REQUEST['t_end']}";
|
||||
$urlAppend2 .= "&district={$_REQUEST['district']}";
|
||||
$url2 = 'https://echart.doorcome.cn/inc/ajax.inc.php?'.$urlAppend2;
|
||||
include_once "html/head.php";
|
||||
?>
|
||||
|
||||
<form name="main" id="main" method="get"> <div style="width:100%;text-align:center">
|
||||
区域：
|
||||
<?php districtList(); ?>
|
||||
开始时间: <input type='date' name='t_start' id='t_start' width='30px' >
|
||||
结束时间: <input type='date' name='t_end' id='t_end' width='30px' >
|
||||
<input type='submit' value="给我查!">
|
||||
<div > </div>
|
||||
<script>
|
||||
$("#district").val('<?=$_REQUEST['district']?>');
|
||||
$("#t_start").val('<?=$_REQUEST['t_start']?>');
|
||||
$("#t_end").val('<?=$_REQUEST['t_end']?>');
|
||||
</script>
|
||||
</div> </form>
|
||||
<div > </div>
|
||||
<div id="container" style="margin:0 auto;height: 400px;width: 1000px"></div>
|
||||
<div > </div>
|
||||
<div id="container2" style="margin:0 auto;height: 400px;width: 1000px"></div>
|
||||
<div > </div>
|
||||
<div style="margin:0 auto;width: 1000px ">
|
||||
<span style="color:grey">
|
||||
* 数据来源：<a href='https://www.cnnbfdc.com/' target='_blank'>宁波市房产交易服务信息网</a><br />
|
||||
* 更新时间： 每天下午5:30</span></div>
|
||||
<script type="text/javascript">
|
||||
var dataSel1=['td','area'];
|
||||
var dataSel2=['td','qty'];
|
||||
var data1;
|
||||
var data2;
|
||||
var data3;
|
||||
var legend =['成交面积','成交套数','可售套数'];
|
||||
var headtxt = '<?=$title1?>';
|
||||
$.ajax(
|
||||
{
|
||||
type:'GET',
|
||||
url:'<?=$url?>',
|
||||
dataType:'json',
|
||||
success:function(data){
|
||||
console.log(data)
|
||||
data1 = getRows(data.datas,dataSel1); //成交面积
|
||||
data2 = getRows(data.datas,dataSel2); //成交套数
|
||||
data3 = getRows(data.dataExt,dataSel2); //存量套数
|
||||
//console.log(data1);
|
||||
//console.log(data2);
|
||||
var dom = document.getElementById("container");
|
||||
var myChart = echarts.init(dom,'dark');
|
||||
var app = {};
|
||||
option = null;
|
||||
|
||||
option = {
|
||||
title: {
|
||||
//text: legend[0]+' V.S '+legend[2],
|
||||
text: headtxt,
|
||||
//subtext: subtxt,
|
||||
textAlign:'center',
|
||||
left:'50%'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
legend: {
|
||||
data:legend,
|
||||
right:'20'
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: {}
|
||||
}
|
||||
},
|
||||
xAxis: {
|
||||
//type: 'category',
|
||||
type: 'time',
|
||||
boundaryGap: false
|
||||
},
|
||||
yAxis: [{
|
||||
type: 'value',
|
||||
name:legend[2], //图列
|
||||
show:true
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
name:legend[1], //图列
|
||||
show:true,
|
||||
boundaryGap:false,
|
||||
splitLine:{
|
||||
show:false, //Y2 坐标刻度横线
|
||||
},
|
||||
}
|
||||
],
|
||||
dataZoom: [{
|
||||
type: 'inside', //or slider
|
||||
start: 0,
|
||||
end: 100
|
||||
}, {
|
||||
start: 0,
|
||||
end: 100,
|
||||
handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
|
||||
handleSize: '80%',
|
||||
handleStyle: {
|
||||
color: '#fff',
|
||||
shadowBlur: 3,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.6)',
|
||||
shadowOffsetX: 2,
|
||||
shadowOffsetY: 2
|
||||
}
|
||||
}],
|
||||
series: [
|
||||
/*
|
||||
{
|
||||
name:legend[0],
|
||||
type:'line',
|
||||
yAxisIndex:0,
|
||||
symbol:'none',
|
||||
data:data1,
|
||||
itemStyle:{normal:{label:{show:true}}}, //显示数字
|
||||
},*/
|
||||
{
|
||||
name:legend[2],
|
||||
type:'line',
|
||||
yAxisIndex:0,
|
||||
symbol:'none',
|
||||
data:data3,
|
||||
itemStyle:
|
||||
{normal:
|
||||
{label:
|
||||
{
|
||||
show:false, //显示数字
|
||||
position:'top'
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
name:legend[1],
|
||||
type:'bar',
|
||||
yAxisIndex:1,
|
||||
symbol:'none',
|
||||
data:data2,
|
||||
itemStyle:{normal:{label:{show:true}}}, //显示数字
|
||||
},
|
||||
|
||||
]
|
||||
};
|
||||
|
||||
if (option && typeof option === "object") {
|
||||
myChart.setOption(option, true);
|
||||
}
|
||||
}
|
||||
}
|
||||
)
|
||||
//二手房
|
||||
var dataSel3=['td','area'];
|
||||
var dataSel4=['td','qty'];
|
||||
var data3;
|
||||
var data4;
|
||||
var legend2 =['成交面积','成交套数'];
|
||||
var headtxt2 = '<?=$title2?>';
|
||||
$.ajax(
|
||||
{
|
||||
type:'GET',
|
||||
url:'<?=$url2?>',
|
||||
dataType:'json',
|
||||
success:function(data2){
|
||||
console.log(data2)
|
||||
data3 = getRows(data2.dataTrade,dataSel3);
|
||||
data4 = getRows(data2.dataTrade,dataSel4);
|
||||
//console.log(data3);
|
||||
//console.log(data4);
|
||||
var dom = document.getElementById("container2");
|
||||
var myChart = echarts.init(dom,'dark');
|
||||
var app = {};
|
||||
option = null;
|
||||
|
||||
option = {
|
||||
title: {
|
||||
//text: legend[0]+' V.S '+legend[2],
|
||||
text: headtxt2,
|
||||
//subtext: subtxt,
|
||||
textAlign:'center',
|
||||
left:'50%'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
legend: {
|
||||
data:legend2,
|
||||
right:'20'
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: {}
|
||||
}
|
||||
},
|
||||
xAxis: {
|
||||
//type: 'category',
|
||||
type: 'time',
|
||||
boundaryGap: false
|
||||
},
|
||||
yAxis: [{
|
||||
type: 'value',
|
||||
name:legend2[0], //图列
|
||||
show:true
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
name:legend2[1], //图列
|
||||
show:true,
|
||||
boundaryGap:false,
|
||||
splitLine:{
|
||||
show:false, //Y2 坐标刻度横线
|
||||
},
|
||||
}
|
||||
],
|
||||
dataZoom: [{
|
||||
type: 'inside', //or slider
|
||||
start: 0,
|
||||
end: 100
|
||||
}, {
|
||||
start: 0,
|
||||
end: 100,
|
||||
handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
|
||||
handleSize: '80%',
|
||||
handleStyle: {
|
||||
color: '#fff',
|
||||
shadowBlur: 3,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.6)',
|
||||
shadowOffsetX: 2,
|
||||
shadowOffsetY: 2
|
||||
}
|
||||
}],
|
||||
series: [
|
||||
{
|
||||
name:legend2[0],
|
||||
type:'line',
|
||||
yAxisIndex:0,
|
||||
symbol:'none',
|
||||
data:data3,
|
||||
itemStyle:{normal:{label:{show:true}}}, //显示数字
|
||||
},
|
||||
{
|
||||
name:legend2[1],
|
||||
type:'bar',
|
||||
yAxisIndex:1,
|
||||
symbol:'none',
|
||||
data:data4,
|
||||
itemStyle:{normal:{label:{show:true}}}, //显示数字
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
if (option && typeof option === "object") {
|
||||
myChart.setOption(option, true);
|
||||
}
|
||||
}
|
||||
}
|
||||
)
|
||||
</script>
|
||||
<?php include_once "html/footer.php"; ?>
|
||||
|
||||
Reference in New Issue
Block a user