请问图表怎么在可视区滚动显示到它时，才加载？echarts 折线配置项内容和展示

比如像这样http://echarts.baidu.com/option.html#series。但是我不知道用什么方法实现，这样做的好处应该能节省页面初次加载时间，因为我做的页面里有几十个图表，求大神帮助，谢谢啦。O(∩_∩)O

      option = {
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {},
    series: [{
        type: 'line',
        data:[220, 182, 191, 234, 290, 330, 310]
    }]
};