漏刻有时数据可视化Echarts组件开发(20):动态数据 + 时间坐标轴

//折线区域图;
function getHours(id) {
    var myChart = echarts.init(document.getElementById(id));
    var base = +new Date();
    var oneDay = 24 * 3600 * 1000;
    var date = [];

    var data = [Math.random() * 100];
    var now = new Date(base);

    function addData(shift) {
        now = [now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/');
        date.push(now);
        data.push((Math.random() + 1) * 10);//调整对应的数据，显示不同曲线;

        if (shift) {
            date.shift();
            data.shift();
        }

        now = new Date(+new Date(now) + oneDay);
    }

    for (var i = 1; i