|
@@ -98,8 +98,8 @@ layui.use(['table', 'layer'], function(){ |
|
@@ -98,8 +98,8 @@ layui.use(['table', 'layer'], function(){ |
|
98
|
layer.close(loading);
|
98
|
layer.close(loading);
|
|
99
|
var dom = document.getElementById("container");
|
99
|
var dom = document.getElementById("container");
|
|
100
|
var dom1 = document.getElementById("container1");
|
100
|
var dom1 = document.getElementById("container1");
|
|
101
|
- var myChart = echarts.init(dom);
|
|
|
|
102
|
- var myChart1 = echarts.init(dom1);
|
101
|
+ var myChart = echarts.init(dom,'light');
|
|
|
|
102
|
+ var myChart1 = echarts.init(dom1,'light');
|
|
103
|
var app = {};
|
103
|
var app = {};
|
|
104
|
option = null;
|
104
|
option = null;
|
|
105
|
option = {
|
105
|
option = {
|
|
@@ -118,7 +118,7 @@ layui.use(['table', 'layer'], function(){ |
|
@@ -118,7 +118,7 @@ layui.use(['table', 'layer'], function(){ |
|
118
|
}
|
118
|
}
|
|
119
|
},
|
119
|
},
|
|
120
|
legend: {
|
120
|
legend: {
|
|
121
|
- data: ['在线订单', '内部订单'],
|
121
|
+ data: ['在线订单', '内部订单','取消订单','拒绝订单'],
|
|
122
|
left: 'left',
|
122
|
left: 'left',
|
|
123
|
},
|
123
|
},
|
|
124
|
toolbox: {
|
124
|
toolbox: {
|
|
@@ -139,38 +139,47 @@ layui.use(['table', 'layer'], function(){ |
|
@@ -139,38 +139,47 @@ layui.use(['table', 'layer'], function(){ |
|
139
|
data: data.data.time
|
139
|
data: data.data.time
|
|
140
|
}
|
140
|
}
|
|
141
|
],
|
141
|
],
|
|
142
|
- yAxis: [
|
|
|
|
143
|
- {
|
|
|
|
144
|
- type: 'value',
|
142
|
+ yAxis: {
|
|
|
|
143
|
+ type: 'value',
|
|
|
|
144
|
+ axisLabel: {
|
|
|
|
145
|
+ formatter: '{value} 单'
|
|
|
|
146
|
+ },
|
|
|
|
147
|
+ axisPointer: {
|
|
|
|
148
|
+ snap: true
|
|
145
|
}
|
149
|
}
|
|
146
|
- ],
|
150
|
+ },
|
|
147
|
series: [
|
151
|
series: [
|
|
148
|
{
|
152
|
{
|
|
149
|
name: '在线订单',
|
153
|
name: '在线订单',
|
|
150
|
type: 'line',
|
154
|
type: 'line',
|
|
151
|
- stack: '总量',
|
|
|
|
152
|
smooth: true,
|
155
|
smooth: true,
|
|
153
|
- areaStyle: {color: '#37a2da'},
|
|
|
|
154
|
- lineStyle: {
|
|
|
|
155
|
- color: '#2195ae',
|
|
|
|
156
|
- width: 3
|
|
|
|
157
|
- },
|
|
|
|
158
|
- itemStyle: {color: '#2195ae',},
|
156
|
+ areaStyle: {},
|
|
|
|
157
|
+
|
|
159
|
data: data.data.online
|
158
|
data: data.data.online
|
|
160
|
},
|
159
|
},
|
|
161
|
-
|
|
|
|
162
|
{
|
160
|
{
|
|
163
|
name: '内部订单',
|
161
|
name: '内部订单',
|
|
164
|
type: 'line',
|
162
|
type: 'line',
|
|
165
|
smooth: true,
|
163
|
smooth: true,
|
|
166
|
- stack: '总量',
|
|
|
|
167
|
- areaStyle: {color: '#46b1c3'},
|
|
|
|
168
|
- lineStyle: {
|
|
|
|
169
|
- color: '#66e0e3',
|
|
|
|
170
|
- width: 3
|
|
|
|
171
|
- },
|
|
|
|
172
|
- itemStyle: {color: '#66e0e3',},
|
164
|
+ areaStyle: {},
|
|
|
|
165
|
+
|
|
173
|
data: data.data.unline
|
166
|
data: data.data.unline
|
|
|
|
167
|
+ },
|
|
|
|
168
|
+ {
|
|
|
|
169
|
+ name: '取消订单',
|
|
|
|
170
|
+ type: 'line',
|
|
|
|
171
|
+ smooth: true,
|
|
|
|
172
|
+ areaStyle: {},
|
|
|
|
173
|
+
|
|
|
|
174
|
+ data: data.data.cancel
|
|
|
|
175
|
+ },
|
|
|
|
176
|
+ {
|
|
|
|
177
|
+ name: '拒绝订单',
|
|
|
|
178
|
+ type: 'line',
|
|
|
|
179
|
+ smooth: true,
|
|
|
|
180
|
+ areaStyle: {},
|
|
|
|
181
|
+
|
|
|
|
182
|
+ data: data.data.refuse
|
|
174
|
}
|
183
|
}
|
|
175
|
]
|
184
|
]
|
|
176
|
};
|
185
|
};
|
|
@@ -193,7 +202,7 @@ layui.use(['table', 'layer'], function(){ |
|
@@ -193,7 +202,7 @@ layui.use(['table', 'layer'], function(){ |
|
193
|
legend: {
|
202
|
legend: {
|
|
194
|
orient: 'vertical',
|
203
|
orient: 'vertical',
|
|
195
|
left: 'left',
|
204
|
left: 'left',
|
|
196
|
- data: ['在线预订', '内部预订']
|
205
|
+ data: ['在线订单', '内部订单','取消订单','拒绝订单']
|
|
197
|
},
|
206
|
},
|
|
198
|
series: [
|
207
|
series: [
|
|
199
|
{
|
208
|
{
|
|
@@ -204,17 +213,19 @@ layui.use(['table', 'layer'], function(){ |
|
@@ -204,17 +213,19 @@ layui.use(['table', 'layer'], function(){ |
|
204
|
data: [
|
213
|
data: [
|
|
205
|
{
|
214
|
{
|
|
206
|
value:data.data.online_sum,
|
215
|
value:data.data.online_sum,
|
|
207
|
- name:'在线预订',
|
|
|
|
208
|
- itemStyle: {
|
|
|
|
209
|
- color: '#37a2da'
|
|
|
|
210
|
- }
|
216
|
+ name:'在线订单'
|
|
211
|
},
|
217
|
},
|
|
212
|
{
|
218
|
{
|
|
213
|
value:data.data.unline_sum,
|
219
|
value:data.data.unline_sum,
|
|
214
|
- name:'内部预订',
|
|
|
|
215
|
- itemStyle: {
|
|
|
|
216
|
- color: '#46b1c3'
|
|
|
|
217
|
- }
|
220
|
+ name:'内部订单'
|
|
|
|
221
|
+ },
|
|
|
|
222
|
+ {
|
|
|
|
223
|
+ value:data.data.cancel_sum,
|
|
|
|
224
|
+ name:'取消订单'
|
|
|
|
225
|
+ },
|
|
|
|
226
|
+ {
|
|
|
|
227
|
+ value:data.data.refuse_sum,
|
|
|
|
228
|
+ name:'拒绝订单'
|
|
218
|
}
|
229
|
}
|
|
219
|
],
|
230
|
],
|
|
220
|
clockwise: true,
|
231
|
clockwise: true,
|
|
@@ -225,11 +236,6 @@ layui.use(['table', 'layer'], function(){ |
|
@@ -225,11 +236,6 @@ layui.use(['table', 'layer'], function(){ |
|
225
|
color: '#333333'
|
236
|
color: '#333333'
|
|
226
|
}
|
237
|
}
|
|
227
|
}
|
238
|
}
|
|
228
|
- },
|
|
|
|
229
|
- itemStyle: {
|
|
|
|
230
|
- // 设置扇形的颜色
|
|
|
|
231
|
- shadowBlur: 150,
|
|
|
|
232
|
- shadowColor: 'rgba(5, 10, 243)'
|
|
|
|
233
|
}
|
239
|
}
|
|
234
|
}
|
240
|
}
|
|
235
|
]
|
241
|
]
|