|
|
@@ -13,8 +13,8 @@
|
|
|
</el-row>
|
|
|
|
|
|
<el-row style="font-size: 34px;color: #090909">
|
|
|
- <el-col :span="12">1</el-col>
|
|
|
- <el-col :span="12">0</el-col>
|
|
|
+ <el-col :span="12">34.15</el-col>
|
|
|
+ <el-col :span="12">17</el-col>
|
|
|
</el-row>
|
|
|
<p style="text-align: left">餐饮类别覆盖率</p>
|
|
|
</div>
|
|
|
@@ -33,9 +33,9 @@
|
|
|
<el-col :span="8">商圈指数</el-col>
|
|
|
</el-row>
|
|
|
<el-row style="font-size: 34px;color: #090909">
|
|
|
- <el-col :span="8">2</el-col>
|
|
|
- <el-col :span="8">2.5</el-col>
|
|
|
- <el-col :span="8">2.2</el-col>
|
|
|
+ <el-col :span="8">34.8</el-col>
|
|
|
+ <el-col :span="8">66.2</el-col>
|
|
|
+ <el-col :span="8">37.20</el-col>
|
|
|
</el-row>
|
|
|
<p style="text-align: left">商业入驻品牌覆盖率</p>
|
|
|
</div>
|
|
|
@@ -55,19 +55,19 @@
|
|
|
</el-row>
|
|
|
<div style="height: 25px;"></div>
|
|
|
<el-row style="font-size: 34px;color: #090909;">
|
|
|
- <el-col :span="12">2</el-col>
|
|
|
- <el-col :span="12">0</el-col>
|
|
|
+ <el-col :span="12">33.6</el-col>
|
|
|
+ <el-col :span="12">52</el-col>
|
|
|
</el-row>
|
|
|
<div style="height: 50px;"></div>
|
|
|
|
|
|
<el-row>
|
|
|
<el-col :span="12">运动场所指数</el-col>
|
|
|
- <el-col :span="12">咖啡馆指数</el-col>
|
|
|
+ <el-col :span="12">图书书店指数</el-col>
|
|
|
</el-row>
|
|
|
<div style="height: 25px;"></div>
|
|
|
<el-row style="font-size: 34px;color: #090909">
|
|
|
- <el-col :span="12">2</el-col>
|
|
|
- <el-col :span="12">1.2</el-col>
|
|
|
+ <el-col :span="12">44.7</el-col>
|
|
|
+ <el-col :span="12">38.5</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
@@ -83,8 +83,8 @@
|
|
|
<el-col :span="12">OTA评论数</el-col>
|
|
|
</el-row>
|
|
|
<el-row style="font-size: 34px;color: #090909">
|
|
|
- <el-col :span="12">0.03</el-col>
|
|
|
- <el-col :span="12">0</el-col>
|
|
|
+ <el-col :span="12">45</el-col>
|
|
|
+ <el-col :span="12">35</el-col>
|
|
|
</el-row>
|
|
|
<p style="text-align: left">酒店类别覆盖率</p>
|
|
|
</div>
|
|
|
@@ -107,8 +107,8 @@
|
|
|
</el-row>
|
|
|
<div style="height: 25px;"></div>
|
|
|
<el-row style="font-size: 34px;color: #090909;">
|
|
|
- <el-col :span="12">0.01</el-col>
|
|
|
- <el-col :span="12">0</el-col>
|
|
|
+ <el-col :span="12">54</el-col>
|
|
|
+ <el-col :span="12">63</el-col>
|
|
|
</el-row>
|
|
|
<div style="height: 50px;"></div>
|
|
|
|
|
|
@@ -118,8 +118,8 @@
|
|
|
</el-row>
|
|
|
<div style="height: 25px;"></div>
|
|
|
<el-row style="font-size: 34px;color: #090909">
|
|
|
- <el-col :span="12">8</el-col>
|
|
|
- <el-col :span="12">6</el-col>
|
|
|
+ <el-col :span="12">61</el-col>
|
|
|
+ <el-col :span="12">16</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
@@ -158,11 +158,11 @@ export default {
|
|
|
created() {
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.buildBar('chart1', '#C25552', ['饭店', '餐厅', '自助餐', '快餐业'], { name: '占比', type: 'bar', stack: 'Total', data: [35, 28, 17, 21] })
|
|
|
- this.buildBar('chart2', '#3A6CCE', ['皮具', '眼镜', '鞋包', '服饰'], { name: '占比', type: 'bar', stack: 'Total', data: [19, 23, 25, 32] })
|
|
|
- this.buildBar('chart3', '#C25552', ['亲子酒店', '浪漫情侣', '商务出行', '客栈'], { name: '占比', type: 'bar', stack: 'Total', data: [22, 32, 26, 25] })
|
|
|
- this.buildBar('chart4', '#C25552', ['食', '住', '行', '游', '购', '娱'], { name: '指标', type: 'line', stack: 'Total', data: [1.13, 3.6, 1.23, 1.23, 1.23, 2.6] })
|
|
|
- this.buildBar('chart5', '#C25552', ['信息获取', '交通', '入园', '游玩'], { name: '指标', type: 'line', stack: 'Total', data: [7.8, 10.4, 10.4, 16] })
|
|
|
+ this.buildBar('chart1', '#C25552', ['餐厅', '快餐', '粉面馆', '宵夜', '自助'], { name: '占比', type: 'bar', stack: 'Total', data: [35.1, 23.7, 18.3, 13.9, 9] })
|
|
|
+ this.buildBar('chart2', '#3A6CCE', ['零售', '餐饮', '服装', '娱乐', '美妆', '家居', '数码'], { name: '占比', type: 'bar', stack: 'Total', data: [62.5, 34.15, 46.5, 27.4, 33, 40.5, 45.5] })
|
|
|
+ this.buildBar('chart3', '#C25552', ['星级', '经济型', '商务', '连锁', '民宿', '度假'], { name: '占比', type: 'bar', stack: 'Total', data: [15.4, 30.5, 22, 17.6,12.5,10] })
|
|
|
+ this.buildBar('chart4', '#C25552', ['食', '住', '行', '游', '购', '娱'], { name: '指标', type: 'line', stack: 'Total', data: [51, 39, 42, 28, 38, 35] })
|
|
|
+ this.buildBar('chart5', '#C25552', ['信息获取', '交通', '入园', '游玩', '餐饮', '购物', '住宿'], { name: '指标', type: 'line', stack: 'Total', data: [64.9, 58.5, 55, 52, 45, 38, 20.7] })
|
|
|
},
|
|
|
methods: {
|
|
|
buildBar(elementId, color, xAxis, seriesData) {
|