|
@@ -2,9 +2,9 @@
|
|
|
<div class="layout-padding">
|
|
|
<div class="layout-padding-auto layout-padding-view to-flex">
|
|
|
<div ref="echartsMapRef" style="height: 100%;width: 80%;"></div>
|
|
|
- <div class="to-right">
|
|
|
+ <!-- <div class="to-right">
|
|
|
<h3>国内销售排名Top 5</h3>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -60,7 +60,8 @@ const initEchartsMap = async () => {
|
|
|
realtime: false,
|
|
|
calculable: true,
|
|
|
inRange: {
|
|
|
- color: ['lightskyblue', 'yellow', 'orangered']
|
|
|
+ // color: ['lightskyblue', 'yellow', 'orangered']
|
|
|
+ color: ['#aacff9','#75c7f6', '#33a9d6']
|
|
|
}
|
|
|
},
|
|
|
series: [
|
|
@@ -72,10 +73,14 @@ const initEchartsMap = async () => {
|
|
|
show: true,
|
|
|
fontSize: 12,
|
|
|
formatter: (params) => {
|
|
|
+ let cityName=params.name
|
|
|
+ if(cityName.length>3){
|
|
|
+ cityName = cityName.substring(0, 3) + '...'
|
|
|
+ }
|
|
|
if (params.value) {
|
|
|
- return params.name + ':' + params.value
|
|
|
+ return cityName + ':' + params.value
|
|
|
}
|
|
|
- return params.name + ':0'
|
|
|
+ return cityName + ':0'
|
|
|
},
|
|
|
},
|
|
|
// top: '30%',
|