效果图:
要点1:calc函数
重点:在于mapChart的height可以写成函数以便适配不同尺寸;
<div class="content-map">
<div class="wai-top-box" style="width: 100%; height: 100%">
<div id="mapChart" style=" width: 100%; height: calc(100vh - 100px)">
</div>
</div>
</div>
重点1:在于mapChart的height可以写成函数适配不同尺寸
要点2:要点较多
map: {
title: {
text: '',
x: 'center',
textStyle: {
color: '#333333'
}
},
tooltip: {
trigger: 'item',
showDelay: 0,
transitionDuration: 0.2,
formatter: function (params) {
const value = (params.value + '').split('.');
const valueStr = value[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,');
return params.name + ': ' + (params.value ? valueStr : 0);
}
},
// 数据和类型
series: [
{
type: 'map',
map: 'c