问题:展示商家每年的收入,提供筛选功能
前端
<label class="col-md-1 control-label" style="text-align: left; margin-top:5px">选择年份:</label>
<div class="col-md-2">
<div class='input-group date' style="width: 10em;" id='datetimepicker1'>
<input type='text' class="timeInput form-control" id="inTimeSelect"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
<div class="col-md-2">
<button class="btn btn-primary pull-right" id="search_btn">查询</button>
</div>
$('#search_btn').click(function () {
var newMonths=[];//用来盛放X轴坐标值:月份
var newmonthsPrice=[];
var newyear=$('#inTimeSelect').val()
$.ajax({
url : ctx +"businessHigh/getTotalInPrice?year="+newyear,
type:"post",
dataType:"json",
success :function (data) {
for (var i = 0; i < data.length;i++) {
newMonths.push(data[i].total_month+"月");
newmonthsPrice.push(data[i].total_price);
}
mylineNumChart.hideLoading();
mylineNumChart.setOption({ //加载数据图表
xAxis: {
name: '月',
data: newMonths,
type: 'category',
axisLabel: {
interval: 0,//横轴信息全部显示
rotate: 0,//-30度角倾斜显示
},
},
series: [{
data: newmonthsPrice
}]
});
}
})
})
页面展示: