外部选取时间段echarts 折线配置项内容和展示

如何在外部选取时间段显示图表相应内容

配置项如下
      option = {
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['2011', '2012', '2013', '2014', '2015', '2016', '2017']
    },
    yAxis: {},
    series: [{
        type: 'line',
        data:[220, 182, 191, 234, 290, 330, 310]
    }]
};
    
截图如下