动态加载数据，原先的数据会有残留，如何在加载前先清空数据echarts 折线配置项内容和展示

我现在需要实现的是 点击一个按钮从后台获取新的数据，先清空chart中原先数据再加载。按我自己的做法直接setoption会出现数据残留。求大神指点

      //原先的数据是option。
option = {
    title: {
        text: 'Awesome Chart'
    },
    legend: {
        x: 'left',                         
        y: 'middle',  
        orient: 'vertical',
        data: ['test' , 'test2']
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {},
    series: [{
        name: 'test',
        type: 'line',
        data: [220, 182, 191, 234, 290, 330, 310]
    }, {
        name: 'test2',
        type: 'line',
        data: [120, 82, 91, 134, 190, 230, 210]
    }]
};
//然后我用了个按钮点击触发 chart.setOption(Soption); 结果表中会残留原option中的test2数据。
//问题就是怎样能做到点击一个按钮后，加载新数据时，先清空原有数据
Soption = {
    title: {
        text: 'Awesome Chart'
    },
    legend: {
        x: 'left',                         
        y: 'middle',  
        orient: 'vertical',
        data: ['test3']
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {},
    series: [{
        name: 'test3',
        type: 'line',
        data: [320, 282, 291, 334, 390, 430, 410]
    }]

};