|
@@ -52,14 +52,13 @@
|
52
|
52
|
:dataset="linedata"
|
53
|
53
|
:tooltipFormat="lineTooltipFormat"
|
54
|
54
|
:encode="[
|
55
|
|
- { x: 'month', y: 'lastYearAmount', seriesName: '泊位收入',bool:'true' },
|
56
|
|
- { x: 'month', y: 'thisYearAmount', seriesName: '总体收入',bool:'true' },
|
|
55
|
+ { x: 'month', y: 'lastAmount', seriesName: '泊位收入',bool:'true' }
|
57
|
56
|
]"
|
58
|
57
|
id="sxcyfzqk"
|
59
|
58
|
/>
|
60
|
59
|
</div>
|
61
|
60
|
<div style="width: 50%; height: 300px">
|
62
|
|
- <div align="center" style="color: white">特殊车辆进场占比</div>
|
|
61
|
+ <div align="center" style="color: white">车辆类型进场占比</div>
|
63
|
62
|
<piechart
|
64
|
63
|
class="model-pie-body"
|
65
|
64
|
id="chart1"
|
|
@@ -131,25 +130,13 @@ export default {
|
131
|
130
|
return {
|
132
|
131
|
modelPieColor: ["#4382f6", "#9078f8", "#79a7db", "#FF9800"],
|
133
|
132
|
modelData: {
|
134
|
|
- list: [{name: '建筑车', value: 23}, {name: '危险品车', value:5}, {name: '特种车', value:27}, {name: '残疾人车', value:45}]
|
|
133
|
+ list: []
|
135
|
134
|
},
|
136
|
|
- linedata: [{month: '星期一',lastYearAmount: 2300, thisYearAmount: 4740}, {month: '星期二', lastYearAmount:3050, thisYearAmount:5600}
|
137
|
|
- , {month: '星期三', lastYearAmount:2710, thisYearAmount:3781}, {month: '星期四', lastYearAmount:2670, thisYearAmount:4737}, {month: '星期五', lastYearAmount:3200, thisYearAmount:5252}
|
138
|
|
- , {month: '星期六', lastYearAmount:4030, thisYearAmount:6160}, {month: '星期天', lastYearAmount:4890, thisYearAmount:6979}],
|
139
|
|
- linedata1: [{month: '星期一', lastYearAmount: 38}, {month: '星期二', lastYearAmount:41}
|
140
|
|
- , {month: '星期三', lastYearAmount:33}, {month: '星期四', lastYearAmount:23}, {month: '星期五', lastYearAmount:35}
|
141
|
|
- , {month: '星期六', lastYearAmount:45}, {month: '星期天', lastYearAmount:59}],
|
142
|
|
- linedata2: [{month: '星期一',lastYearAmount: 21, thisYearAmount: 51}, {month: '星期二', lastYearAmount:38, thisYearAmount:42}
|
143
|
|
- , {month: '星期三', lastYearAmount:27, thisYearAmount:25}, {month: '星期四', lastYearAmount:23, thisYearAmount:20}, {month: '星期五', lastYearAmount:52, thisYearAmount:34}
|
144
|
|
- , {month: '星期六', lastYearAmount:58, thisYearAmount:32}, {month: '星期天', lastYearAmount:68, thisYearAmount:37}],
|
145
|
|
- linedata3: [{month: '二月',lastYearAmount: 5000, thisYearAmount: 4500}, {month: '三月', lastYearAmount:6000, thisYearAmount:5200}
|
146
|
|
- , {month: '四月', lastYearAmount:5500, thisYearAmount:4800}, {month: '五月', lastYearAmount:6200, thisYearAmount:5100}
|
147
|
|
- , {month: '六月', lastYearAmount:5800, thisYearAmount:4900}, {month: '七月', lastYearAmount:5500, thisYearAmount:4800}
|
148
|
|
- , {month: '八月', lastYearAmount:6000, thisYearAmount:5100}, {month: '九月', lastYearAmount:5900, thisYearAmount:5000}
|
149
|
|
- , {month: '十月', lastYearAmount:5700, thisYearAmount:4700}],
|
150
|
|
- bardata: [{month: '星期一', hs: 1200, cs: 600},{month: '星期二', hs: 1100, cs: 700}
|
151
|
|
- ,{month: '星期三', hs:1070, cs: 730},{month: '星期四', hs:1130, cs: 670},{month: '星期五', hs:1070, cs:730}
|
152
|
|
- ,{month: '星期六', hs: 1310, cs: 490},{month: '星期天', hs: 1390, cs: 410},],
|
|
135
|
+ linedata: [],
|
|
136
|
+ linedata1: [],
|
|
137
|
+ linedata2: [],
|
|
138
|
+ linedata3: [],
|
|
139
|
+ bardata: [],
|
153
|
140
|
}
|
154
|
141
|
},
|
155
|
142
|
mounted() {
|
|
@@ -199,19 +186,15 @@ export default {
|
199
|
186
|
const data = params[0].data;
|
200
|
187
|
return `<div class="line-tooltip">
|
201
|
188
|
<div style="color: ${params[0].color}">${params[0].seriesName}: ${
|
202
|
|
- params[0].data.lastYearAmount || "--"
|
|
189
|
+ params[0].data.lastAmount || "--"
|
203
|
190
|
}(%)</div>`;
|
204
|
191
|
},
|
205
|
192
|
lineTooltipFormat(params) {
|
206
|
193
|
const data = params[0].data;
|
207
|
194
|
return `<div class="line-tooltip">
|
208
|
|
- <div style="color: ${params[1].color}">${params[1].seriesName}: ${
|
209
|
|
- params[0].data.thisYearAmount || "--"
|
210
|
|
- }(元)</div>
|
211
|
195
|
<div style="color: ${params[0].color}">${params[0].seriesName}: ${
|
212
|
|
- params[0].data.lastYearAmount || "--"
|
213
|
|
- }(元)</div>
|
214
|
|
- </div>`;
|
|
196
|
+ params[0].data.lastAmount || "--"
|
|
197
|
+ }(元)</div>`;
|
215
|
198
|
},
|
216
|
199
|
lineTooltipFormat2(params) {
|
217
|
200
|
const data = params[0].data;
|