echarts 留空太多怎么办？

Question

下面留空太多了

 var myChart = echarts.init(document.getElementById('dataOne'));
        var option = {
            title: {
                
            },
            toolbox: { 
                    
            },
            tooltip: { 
                    
            },
            series: [{
                name: '',
                type: 'gauge',
                detail: {show: false},
                startAngle: 180,
                endAngle: 0,
                splitNumber: 0,
                axisLine: {  
                    lineStyle: {
                        color: [[0.2, '#91c7ae'], [0.8, '#63869e'], [1, '#c23531']]
                    }  
                },
                axisTick: {            
                    show: false
                },
                axisLabel: {
                    show: false,
                },
                min: 0,
                max: 50,
                data: [{value: this.state.avargeTime}]
            }]
        };
        myChart.setOption(option);

```
<div id="dataOne" style={{width:'500px', height:'500px'}}></div>
```

试过把容器的height改小，但是图被压缩了，而且留空还是占了很多

Answer 1

改变容器大小。series[{center:['30%','50%']}];center里面的参数调节图的位置。

Answer 2

试试修改grid属性