Echarts在线免费图表

 
            function transformTime(timestamp) {
    var time = new Date(timestamp);
    var y = time.getFullYear(); //getFullYear方法以四位数字返回年份
    var M = time.getMonth() + 1; // getMonth方法从 Date 对象返回月份 (0 ~ 11)，返回结果需要手动加一
    var d = time.getDate(); // getDate方法从 Date 对象返回一个月中的某一天 (1 ~ 31)
    var h = time.getHours(); // getHours方法返回 Date 对象的小时 (0 ~ 23)
    var m = time.getMinutes(); // getMinutes方法返回 Date 对象的分钟 (0 ~ 59)
    var s = time.getSeconds(); // getSeconds方法返回 Date 对象的秒数 (0 ~ 59)
    return y + '/' + M + '/' + d + ' ' + h + ':' + m + ':' + s;
}

date = [];
temp = [];
timestamp = new Date().getTime();
for(var i = 0; i < 24; i++){
    date.unshift(transformTime(timestamp - 0.5*(i+1)*60*60*1000));
    temp.push(Math.random()*20);
}

option = {
    
    title: {
        text: '温度'
    },
    tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross',
            crossStyle: {
              width: 0,
            },
            lineStyle: {
              width: 0
            }
          }
        },
    dataZoom: [
          {
            type: 'inside',
            start: 0,
            end: 100
          },
        ],
    xAxis: {
        data: date
    },
    yAxis: {},
    series: [{
        name: '温度',
        type: 'line',
        data:temp
    }]
};