echarts 图形占满整个容器

如图,蓝色背景是容器,但是echarts图上下左右还有很多空间.导致显示不够.怎么铺满一点?
图片描述

tooltip: {
    formatter: "{a} <br/>{b} : {c}%"
},
grid: {
    top: 0,
    bottom: 0
},
toolbox: {
    show: false
},
pointer: {
    length: '10%',
    width: 4,
    color: 'auto'
},
series: [{
    name: '总数',
    type: 'gauge',
    max: 100,
    detail: {
        formatter: '{value}',
        offsetCenter: [0, '10%'],
        textStyle: {
            color: 'auto',
            fontSize: 12
        }
    },
    data: [{ value: 50, name: '总数' }]
}]
阅读 31k
4 个回答

仪表盘类型的图在series属性里面加上 radius: '100%',就可以占满了~

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

clipboard.png

clipboard.png

这是echarts2文档里的grid,但是这些参数在3里大部分好像也是好使的,我是用了xx2来调整左右两边的间距,你可以试一下

另外附上echarts3的grid的文档链接描述

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题