echarts 实现中国地图 + 全屏

效果展示

echarts 实现中国地图 + 全屏_第1张图片

HTML
css
.dataView {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.map-container {
    width: 100%;
    height: 100%;
}
.fullScreen {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    cursor: pointer;
    img {
        width: 100%;
        height: 100%;
    }
}
js
全屏图标需引入自己的图标

你可能感兴趣的:(前端echarts)