记录一次使用echarts的迷惑行为（去掉图表边上的空白）

走路不看手机

于 2020-02-28 14:57:45 发布

阅读量1.9k

点赞数

分类专栏： QT随笔文章标签： qt

本文链接：https://blog.csdn.net/zh15237774494/article/details/104556468

版权

13 篇文章

订阅专栏

这几天在用Qt做一个物联网数据看板的UI。其中的地图部分使用了echarts. 去echarts官网看了些示例，和搜索了一些资料后，大致弄出来了。但地图边上有一圈白框，一直消不掉，下图箭头指向的部分

查资料，大都是如下的说法

grid: {
    left:0,
    right:0,
    top:0,
    bottom:0
}

其实上边的做法也对，这样设置之后，图表会靠近边缘进行绘制——但和白色边框一点变化没有。

然后笔者不禁想想起了以前做网站的经历，修改了下html的css，把body的padding和margin设置成0 问题就解决了

<body style="margin:0; padding:0">
    <div id="main" style="width:400px; height:300px; margin:0; padding:0"></div>
</body>

问题就解决了

真的是一次奇妙的经历