折线图在手机移动端的显示echarts 折线配置项内容和展示

我用apicloud开发的webapp，在使用图表显示时不能够完全铺满整个dom区域，总是小于窗口的宽度，怎样才能完全铺满整个dom区域？

      option = {
    xAxis: {
        type: 'value'
    },
    yAxis: {
        type: 'value'
    },
    dataZoom: [
        {
            type: 'slider',
            xAxisIndex: 0,
            start: 10,
            end: 60
        },
        {
            type: 'inside',
            xAxisIndex: 0,
            start: 10,
            end: 60
        },
        {
            type: 'slider',
            yAxisIndex: 0,
            start: 30,
            end: 80
        },
        {
            type: 'inside',
            yAxisIndex: 0,
            start: 30,
            end: 80
        }
    ],
    series: [{
        name: '模拟数据',
        type: 'line',
        showSymbol: false,
        hoverAnimation: false,
        data:[["1.616","7.241"],["3.958","5.701"],["4.768","8.971"],["5.051","9.710"],["6.046","4.182"],["7.295","1.429"],["8.417","8.167"],["9.492","4.771"],["17.632","2.605"],["24.242","5.042"]]
    }]
}