這個作業屬於哪個課程
2020春|s班
這個作業要求在**
作業要求
結對學號
221701308、221600313
這個作業的目標
實現疫情統計視覺化
作業正文
作業正文
其他參考文獻
功能結構圖：
將實現內容拆分為相關（全國地圖滑鼠移動高亮、單擊跳轉；折線圖；日期變化時根據資料修改）和其餘部分，分工合作；
svg自身即有一部分互動性，所以選擇使用svg製作；
單擊跳轉通過新增鏈結即可實現，高亮通過改變填充色即可；通過改變屬性「points」即可改變已有折線圖；
通過迴圈遍歷所選日期及其前n天資料，計算x、y值，新增到字串中，最後作為setattribute的引數之一，修改屬性「points」；
中途發現折線圖的x軸座標（對應日期），在日期改變時需要一併修改，本來想直接修改text標籤的顯示，但經過嘗試未找到可用方法，所以轉而嘗試將它隱藏（填充改為白色），然後新增新的text
在svg影象中，各省部分新增鏈結，實現單擊跳轉；直接使用svg互動事件完成滑鼠移動區域高亮顯示
for(var i=0;i= 10000 )
else if( date[i] >= 1000 )
else if( date[i] >= 1 )
else
}
var rect0 = document.getelementbyid('rect0');
var rect1 = document.getelementbyid('rect1');
var rect2 = document.getelementbyid('rect2');
var rect3 = document.getelementbyid('rect3');
rect0.addeventlistener('click', function(e) , false);
rect1.addeventlistener('click', function(e) , false);
rect2.addeventlistener('click', function(e) , false);
rect3.addeventlistener('click', function(e) , false);
//生成趨勢折線圖,引數ndate為當前所選日期在date陣列中所在位置
//style：0-新增確診趨勢，1-累計確診趨勢，2-**趨勢，3-死亡趨勢
function creatpolyline(ndate,style)
}poly.setattribute("points",polyline);
//隱藏原有x軸座標
var oldtext =document.getelementsbytagname("text");
for( j =0 ; j < oldtext.length ; j ++)
}//建立新x軸座標
i = ( ( ndate >= date.length ) ? ( ndate - point ) : 0 );
for( j = 0 ; i <= ndate ; j ++ , i ++ )
}
對合作同伴的評價：給我提供了很多幫助，感謝她能夠對我造成的一些麻煩沒有抱怨，以及對這次作業的努力。
另：因為github不穩定commit時出錯，一部分commit由組員代為提交【此條為修改編輯】
結對第二次作業 某次疫情統計視覺化的實現
這個作業屬於哪個課程 2020春 s班 福州大學 這個作業要求在 結對第二次作業 結對學號 221701336 221701331 這個作業的目標 某次疫情統計視覺化的實現 作業正文 結對第二次作業部落格 其他參考文獻 前端部分 後端 爬蟲 let option tooltip 資料格式化 visu...
結對第二次作業 某次疫情統計視覺化的實現
一些註明 這個作業屬於哪個課程 2020春 s班 這個作業要求在 結對第二次作業 結對學號 021700613 041701407 這個作業的目標 疫情統計視覺化的實現等 作業正文 結對第二次作業 其他參考文獻 國內疫情概況 全國疫情圖 全國各省確診 數及排序 具體省份疫情變化趨勢 根據日期檢視全國...
結對第二次作業 某次疫情統計視覺化的實現
這個作業屬於哪個課程 2020春 s班 這個作業要求在 結對第二次作業 某次疫情統計視覺化的實現 結對學號 221701216 081700430 這個作業的目標 結合寒假第二次作業的成果實現疫情統計原型設計中的部分功能。作業正文 結對第二次作業 某次疫情統計視覺化的實現 其他參考文獻 b站 csd...