用 js创建横向表格多属性表格,在第3、4行插入echarts折线图

85 阅读1分钟

这段代码就相当于用表格做了一个仿墨迹天气的一个效果。

// 创建天气表格
// captionvalue 表格标题
// names表头数据,传入的是一个表头数组
// value 表格数据,传入的是一个数组
function createWeatherTable(captionvalue, names, values){
    var heightTablle = document.createElement("table");
    var caption = document.createElement("caption");
    caption.innerText = captionvalue;
    heightTablle.appendChild(caption);
    var thead = document.createElement("thead");
    heightTablle.append(thead);
    for (var i = 0; i < names.length; i++){
        var headrow = document.createElement("tr");
        thead.appendChild(headrow)
        if (i!=3 && i!=4){
            for (var j = 0; j < values.length; j++){
                createtdwithContent(values[j][i], headrow, "td");
            }
        }else if(i==3){
            var td = createtdwithContent('', headrow, 'td');
            td.colSpan = 7;
            td.rowSpan = 2;
            td.setAttribute('id','temperatureForecastMap')
        }
    }
    return heightTablle;
}