1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
| var layer;
| var chartLine;
| $(function() {
| layui.use([ 'layer', 'laydate', 'form' ], function() {
| var form = layui.form; // 只有执行了这一步，部分表单元素才会自动修饰成功
| layer = layui.layer;
| layDate = layui.laydate;
|
| form.render();
|
| // 日期
| layDate.render({
| elem : '#start'
| });
| // 日期
| layDate.render({
| elem : '#end'
| });
| });
|
| // 根据页面自动计算余下款低-选择框的高度
| var bodyHeight = window.innerHeight;
| var headerHeight = $("#header-condition").height();
| $("#container").css("height", bodyHeight - headerHeight - 40);
| // 初始化显示走势图
| chartLine = initChartLine();
| });
|
| // 执行查询
| function query() {
| var data = {};
| var t = $('#form-query').serializeArray();
| $.each(t, function() {
| data[this.name] = this.value;
| });
| var index = layer.load(0);
| $.ajax({
| type : "POST",
| url : "../../basic/pest/query-line-data",
| dataType : "json",
| contentType : "application/json;charset=UTF-8",
| data : JSON.stringify(data),
| success : function(result) {
| layer.close(index);
| if (result.code != "0000") {
| layer.msg(result.msg);
| return;
| }
| renderLine(result.data);
| },
| error : function(result) {
| layer.msg("获取数据失败，请重新尝试！");
| }
| });
| };
|
| // 重新渲染走势图
| function renderLine(lineData) {
| chartLine.option.legend.data = lineData.legendData;
| chartLine.option.xAxis[0].data = lineData.xaxisData;
| chartLine.option.series = lineData.series;
| chartLine.chart.setOption(chartLine.option, true);
| };
|
| function initChartLine() {
| var option = {
| title : {
| text : '虫害检测走势（单位：头）',
| show : true
| },
| tooltip : {
| trigger : 'axis',
| axisPointer : {
| type : 'cross',
| label : {
| backgroundColor : '#6a7985'
| }
| }
| },
| legend : {
| data : [ '最多检测头数'],
| bottom : '20',
| top : 'bottom'
| },
| toolbox : {
| feature : {
| saveAsImage : {}
| }
| },
| grid : {
| left : '3%',
| right : '3%',
| bottom : '4%',
| containLabel : true
| },
| xAxis : [ {
| data : [ '01:00', '02:00', '03:00', '04:00', '05:00', '06:00',
| '07:00', '08:00', '09:00', '10:00', '11:00', '12:00' ]
| } ],
| yAxis : [ {
| type : 'value'
| } ],
| series : [
| {
| name : '最多检测头数',
| type : 'line',
| data : [ 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0,
| 0.0, 0.0 ]
| }]
| };
|
| var myChart = echarts.init(document.getElementById("container"), "light");
| myChart.setOption(option, true);
| return {
| "chart" : myChart,
| "option" : option
| };
| };
|
|
