|
@@ -18,8 +18,12 @@
|
|
|
<div style="height: 100%;width: 70%;" ref="worldMap">
|
|
|
</div>
|
|
|
<div style="height: 100%;width: 30%;" ref="topright_echarts"></div>
|
|
|
- <div style="position: absolute;width: 100%;left:34%;top: 1%;height: 42px;display: flex;color: #000;font-size: 20px;text-align: center;font-weight: bold;">
|
|
|
- <span>全球营收</span><span style="font-size: 14px;line-height: 30px;color: #666;margin-left: 30px;">国家数量:{{ datalist.country }}</span><span style="color: #666;font-size: 14px;line-height: 30px;margin-left: 10px;">订单数:{{ datalist.order }}</span>
|
|
|
+ <div style="position: absolute;width: auto;left:37%;top: 1%;height: 42px;display: flex;color: #000;font-size: 20px;text-align: center;font-weight: bold;">
|
|
|
+ <span>全球营收</span>
|
|
|
+ </div>
|
|
|
+ <div style="position: absolute;width: auto;left:37%;top: 33%;height: 42px;display: grid;color: #000;font-size: 20px;text-align: left;font-weight: bold;">
|
|
|
+ <div style="font-size: 14px;line-height: 30px;color: #666;display: block;">国家数量:{{ datalist.country }}</div>
|
|
|
+ <div style="color: #666;font-size: 14px;line-height: 30px;display: block;">订单数:{{ datalist.order }}</div>
|
|
|
</div>
|
|
|
<div style="position: absolute;width: 100%;left:12%;bottom: 25px;height: 42px;display: flex;color: #1ebe93;">
|
|
|
<div style="border-right: 1px solid #d6d6d6;margin-left: 25px;padding-right: 25px;"><div>营收</div><div style="display: flex;font-weight: bold; font-size: 28px;color:#1ebe93">{{ datalist.rev }}<div style="font-size:14px;line-height: 38px;"> 万</div></div></div>
|
|
@@ -425,6 +429,9 @@
|
|
|
backgroundColor:'#fff',
|
|
|
tooltip: {
|
|
|
show:true,
|
|
|
+ borderWidth: 0, // 关键设置:边框宽度设为0
|
|
|
+ borderColor: 'transparent', // 可选:确保边框颜色透明
|
|
|
+ padding: [0, 0], // 内边距
|
|
|
trigger: 'item', // 触发类型,默认数据项触发,会自动提示对应的数据信息
|
|
|
formatter: function (params) {
|
|
|
//if(params.seriesType!="effectScatter") return false;
|