echarts 图形占满整个容器

lilisong0523
  • 279

如图,蓝色背景是容器,但是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: '总数' }]
}]
回复
阅读 16.7k
4 个回答

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

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

clipboard.png

clipboard.png

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

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

你知道吗?

宣传栏