|
@@ -40,7 +40,7 @@
|
|
</div>
|
|
</div>
|
|
<div class="bottomBox">
|
|
<div class="bottomBox">
|
|
<div class="bottomBoxLeft">
|
|
<div class="bottomBoxLeft">
|
|
- <div class="topTitle" style="width: 46vw;padding-bottom:1.2vw;border-bottom:1px solid #f4f6f9">
|
|
|
|
|
|
+ <div class="topTitle textBorder">
|
|
<div>高频搜索词</div>
|
|
<div>高频搜索词</div>
|
|
</div>
|
|
</div>
|
|
<div ref="eCharts1" class="wordCloudBox"></div>
|
|
<div ref="eCharts1" class="wordCloudBox"></div>
|
|
@@ -329,6 +329,11 @@ export default {
|
|
textStyle:{
|
|
textStyle:{
|
|
'color':'#FAFAFB'
|
|
'color':'#FAFAFB'
|
|
},
|
|
},
|
|
|
|
+ formatter: params => {
|
|
|
|
+ //console.log(params.data.name)
|
|
|
|
+ //const { name, value } = params
|
|
|
|
+ return params.data.name
|
|
|
|
+ }
|
|
},
|
|
},
|
|
grid: {
|
|
grid: {
|
|
left: '3%',
|
|
left: '3%',
|
|
@@ -356,18 +361,19 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
label:{
|
|
label:{
|
|
- fontSize:18,
|
|
|
|
- lineHeight:26
|
|
|
|
|
|
+ fontSize:window.innerWidth/100,
|
|
|
|
+ lineHeight:window.innerWidth/100
|
|
},
|
|
},
|
|
labelLine:{
|
|
labelLine:{
|
|
|
|
+
|
|
lineStyle:{
|
|
lineStyle:{
|
|
color:'#000'
|
|
color:'#000'
|
|
},
|
|
},
|
|
- length:60,
|
|
|
|
|
|
+ length:window.innerWidth/100,
|
|
length2:0
|
|
length2:0
|
|
},
|
|
},
|
|
emphasis: {
|
|
emphasis: {
|
|
- scaleSize:30,
|
|
|
|
|
|
+ scaleSize:10,
|
|
itemStyle: {
|
|
itemStyle: {
|
|
shadowBlur: 10,
|
|
shadowBlur: 10,
|
|
shadowOffsetX: 0,
|
|
shadowOffsetX: 0,
|
|
@@ -420,7 +426,7 @@ export default {
|
|
width: '100%',
|
|
width: '100%',
|
|
height: '100%',
|
|
height: '100%',
|
|
// 词的大小,最小12px,最大60px,可以在这个范围调整词的大小
|
|
// 词的大小,最小12px,最大60px,可以在这个范围调整词的大小
|
|
- sizeRange: [12, 60],
|
|
|
|
|
|
+ sizeRange: [window.innerWidth/100, window.innerWidth/30],
|
|
// 每个词旋转的角度范围和旋转的步进
|
|
// 每个词旋转的角度范围和旋转的步进
|
|
rotationRange: [0, 90],
|
|
rotationRange: [0, 90],
|
|
rotationStep: 90,
|
|
rotationStep: 90,
|
|
@@ -557,6 +563,7 @@ export default {
|
|
display: flex;
|
|
display: flex;
|
|
background: #FAFAFA;
|
|
background: #FAFAFA;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
|
+ padding-bottom: 2vw;
|
|
}
|
|
}
|
|
.numBox{
|
|
.numBox{
|
|
width: 24.73vw;
|
|
width: 24.73vw;
|
|
@@ -682,4 +689,9 @@ export default {
|
|
margin-right: 16px;
|
|
margin-right: 16px;
|
|
margin-top:8px;
|
|
margin-top:8px;
|
|
}
|
|
}
|
|
|
|
+.textBorder{
|
|
|
|
+ width: 46vw!important;
|
|
|
|
+ padding-bottom: 1vw;
|
|
|
|
+ border-bottom: 1px solid rgb(244, 246, 249);
|
|
|
|
+}
|
|
</style>
|
|
</style>
|