图表下面的X轴 一周 日期要做成实时 周期，并且循环播放，怎么做？ 还有下面的series: {data:[ ]},怎么设置动态获取7个参数后与X轴标签联动。echarts 折线配置项内容和展示

请问一下大家，我是第一次用这个程序，有些配置还不会用。 想问一下，我的这个图表下面的X轴 一周 日期要做成实时 日期，并且循环播放，怎么做？ 还有下面的series: {data:[ ]},怎么设置动态获取7个参数后与X轴标签联动。

      var mydate = new Date(2017, 4, 16);
var number = mydate.getDay();
//var date = weekday[number];
var weekday = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
option = {
    backgroundColor: '#91c7ae',
    title: {
        text: '周报告',
        textStyle: {
            fontSize: 15,
        },
        left: 20,
        top: 10,
    },
    legend: {
        data: ['进度'],
        top: 10,
        itemWidth: 35,
    },
    xAxis: {
        data: weekday,
        axisLine: {
            lineStyle: {
                color: '#FBB7F6',
            },
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            textStyle: {
                color: '#5C5C5C',
            },
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: '#FBB7F6',
            },
        },
        splitArea: {
            areaStyle: {
                color: ['rgba(200,200,200,0.3)', 'rgba(250,250,250,0.3)'],
                shadowBlur: 10,
                shadowColor: '#C50F5F',
                shadowOffsetX: 5,
                shadowOffsetY: 5,
            },
        },
        boundaryGap: false,
    },
    yAxis: {
        name: '单位 : 节',
        nameTextStyle: {
            color: '#ECECEC',
        },
        nameGap: 8,
        axisLine: {
            lineStyle: {
                color: '#FBB7F6',
            },
        },
        axisTick: false,
        axisLabel: {
            textStyle: {
                color: '#5C5C5C',
            },
        },
        splitLine: {
            lineStyle: {
                color: '#FBB7F6',
            },
        },
        splitArea: {
            show: true,
            areaStyle: {
                color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'],
            },
        },
    },
    tooltip: {
        formatter: '{a} <br/>{b} : {c}'
    },
    series: [{
        name: '进度',
        type: 'line',
        data: [5, 8, 3, 5, 13, 0, 7],
        symbol: 'diamond',
        symbolSize: 10,
        itemStyle: {
            normal: {
                color: '#E3F774',
            },
        },
        lineStyle: {
            normal: {
                color: '#E3F774',
            },
        },
        areaStyle: {
            normal: {
                color: '#1624C2',
                opacity: 0.3,
            },
        },
    }],
};