99999久久久久久亚洲,欧美人与禽猛交狂配,高清日韩av在线影院,一个人在线高清免费观看,啦啦啦在线视频免费观看www

熱線電話：13121318867

登錄
首頁精彩閱讀數(shù)據(jù)可視化：柱狀圖、雷達圖等六種基本圖表的特點和適用場合
數(shù)據(jù)可視化：柱狀圖、雷達圖等六種基本圖表的特點和適用場合
2014-12-31
收藏

數(shù)據(jù)可視化：柱狀圖、雷達圖等六種基本圖表的特點和適用場合


“數(shù)據(jù)可視化”可以幫助用戶理解數(shù)據(jù)，一直是熱門方向。

圖表是”數(shù)據(jù)可視化”的常用手段，其中又以基本圖表—-柱狀圖、折線圖、餅圖等等—-最為常用。

數(shù)據(jù)可視化""="" width="" 600""="" height="" 537""="">

用戶非常熟悉這些圖表，但如果被問道，它們的特點是什么，最適用怎樣的場合（數(shù)據(jù)集）？恐怕答得上來的人就不多了。

本文是電子書《Data Visualization with JavaScript》第一章的筆記，總結(jié)了六種基本圖表的特點和適用場合，非常好地回答了上面的問題。

序言

進入正題之前，先糾正一種誤解。

有人覺得，基本圖表太簡單、太原始，不高端，不大氣，因此追求更復(fù)雜的圖表。但是，越簡單的圖表，越容易理解，而快速易懂地理解數(shù)據(jù)，不正是”數(shù)據(jù)可視化”的最重要目的和最高追求嗎？

所以，請不要小看這些基本圖表。因為用戶最熟悉它們，所以只要是適用的場合，就應(yīng)該考慮優(yōu)先使用。

一、柱狀圖（Bar Chart）

柱狀圖是最常見的圖表，也最容易解讀。

柱狀圖""="" width="" 600""="" height="" 388""="">

它的適用場合是二維數(shù)據(jù)集（每個數(shù)據(jù)點包括兩個值x和y），但只有一個維度需要比較。年銷售額就是二維數(shù)據(jù)，”年份”和”銷售額”就是它的兩個維度，但只需要比較”銷售額”這一個維度。

柱狀圖利用柱子的高度，反映數(shù)據(jù)的差異。肉眼對高度差異很敏感，辨識效果非常好。柱狀圖的局限在于只適用中小規(guī)模的數(shù)據(jù)集。

通常來說，柱狀圖的X軸是時間維，用戶習慣性認為存在時間趨勢。如果遇到X軸不是時間維的情況，建議用顏色區(qū)分每根柱子，改變用戶對時間趨勢的關(guān)注。

柱狀圖""="" width="" 600""="" height="" 394""="">

上圖是英國足球聯(lián)賽某個年度各隊的贏球場數(shù)，X軸代表不同球隊，Y軸代表贏球數(shù)。

二、折線圖（Line Chart）數(shù)據(jù)

折線圖適合二維的大數(shù)據(jù)集，尤其是那些趨勢比單個數(shù)據(jù)點更重要的場合。

折線圖""="" width="" 600""="" height="" 376""="">

它還適合多個二維數(shù)據(jù)集的比較。

折線圖""="" width="" 600""="" height="" 404""="">

上圖是兩個二維數(shù)據(jù)集（大氣中二氧化碳濃度，地表平均氣溫）的折線圖。

三、餅圖（Pie Chart）

餅圖是一種應(yīng)該避免使用的圖表，因為肉眼對面積大小不敏感。


餅狀圖""="" width="" 298""="" height="" 344""="">柱狀圖""="" width="" 400""="" height="" 311""="">

 

上圖中，左側(cè)餅圖的五個色塊的面積排序，不容易看出來。換成柱狀圖，就容易多了。

一般情況下，總是應(yīng)該用柱狀圖替代餅圖。但是有一個例外，就是反映某個部分占整體的比重，比如貧窮人口占總?cè)丝诘陌俜直取?/span>

四、散點圖（Scatter Chart）

散點圖適用于三維數(shù)據(jù)集，但其中只有兩維需要比較。

散點圖""="" width="" 600""="" height="" 377""="">

上圖是各國的醫(yī)療支出與預(yù)期壽命，三個維度分別為國家、醫(yī)療支出、預(yù)期壽命，只有后兩個維度需要比較。

為了識別第三維，可以為每個點加上文字標示，或者不同顏色。

散點圖""="" width="" 600""="" height="" 369""="">

五、氣泡圖（Bubble Chart）

氣泡圖是散點圖的一種變體，通過每個點的面積大小，反映第三維。

氣泡圖""="" width="" 640""="" height="" 429""="">

上圖是卡特里娜颶風的路徑，三個維度分別為經(jīng)度、緯度、強度。點的面積越大，就代表強度越大。因為用戶不善于判斷面積大小，所以氣泡圖只適用不要求精確辨識第三維的場合。

如果為氣泡加上不同顏色（或文字標簽），氣泡圖就可用來表達四維數(shù)據(jù)。比如下圖就是通過顏色，表示每個點的風力等級。

氣泡圖""="" width="" 641""="" height="" 446""="">

六、雷達圖（Radar Chart）

雷達圖適用于多維數(shù)據(jù)（四維以上），且每個維度必須可以排序（國籍就不可以排序）。但是，它有一個局限，就是數(shù)據(jù)點最多6個，否則無法辨別，因此適用場合有限。

下面是邁阿密熱火隊首發(fā)的五名籃球選手的數(shù)據(jù)。除了姓名，每個數(shù)據(jù)點有五個維度，分別是得分、籃板、助攻、搶斷、封蓋。

畫成雷達圖，就是下面這樣。

面積越大的數(shù)據(jù)點，就表示越重要。很顯然，勒布朗·詹姆斯（紅色區(qū)域）是熱火隊最重要的選手。

需要注意的時候，用戶不熟悉雷達圖，解讀有困難。使用時盡量加上說明，減輕解讀負擔。

數(shù)據(jù)可視化""="" width="" 567""="" height="" 236""="">

數(shù)據(jù)分析咨詢請掃描二維碼

若不方便掃碼，搜微信號：CDAshujufenxi

數(shù)據(jù)分析師資訊
更多

OK
客服在線
立即咨詢
客服在線
立即咨詢
') } function initGt() { var handler = function (captchaObj) { captchaObj.appendTo('#captcha'); captchaObj.onReady(function () { $("#wait").hide(); }).onSuccess(function(){ $('.getcheckcode').removeClass('dis'); $('.getcheckcode').trigger('click'); }); window.captchaObj = captchaObj; }; $('#captcha').show(); $.ajax({ url: "/login/gtstart?t=" + (new Date()).getTime(), // 加隨機數(shù)防止緩存 type: "get", dataType: "json", success: function (data) { $('#text').hide(); $('#wait').show(); // 調(diào)用 initGeetest 進行初始化 // 參數(shù)1：配置參數(shù) // 參數(shù)2：回調(diào)，回調(diào)的第一個參數(shù)驗證碼對象，之后可以使用它調(diào)用相應(yīng)的接口 initGeetest({ // 以下 4 個配置參數(shù)為必須，不能缺少 gt: data.gt, challenge: data.challenge, offline: !data.success, // 表示用戶后臺檢測極驗服務(wù)器是否宕機 new_captcha: data.new_captcha, // 用于宕機時表示是新驗證碼的宕機 product: "float", // 產(chǎn)品形式，包括：float，popup width: "280px", https: true // 更多配置參數(shù)說明請參見：http://docs.geetest.com/install/client/web-front/ }, handler); } }); } function codeCutdown() { if(_wait == 0){ //倒計時完成 $(".getcheckcode").removeClass('dis').html("重新獲取"); }else{ $(".getcheckcode").addClass('dis').html("重新獲取("+_wait+"s)"); _wait--; setTimeout(function () { codeCutdown(); },1000); } } function inputValidate(ele,telInput) { var oInput = ele; var inputVal = oInput.val(); var oType = ele.attr('data-type'); var oEtag = $('#etag').val(); var oErr = oInput.closest('.form_box').next('.err_txt'); var empTxt = '請輸入'+oInput.attr('placeholder')+'！'; var errTxt = '請輸入正確的'+oInput.attr('placeholder')+'！'; var pattern; if(inputVal==""){ if(!telInput){ errFun(oErr,empTxt); } return false; }else { switch (oType){ case 'login_mobile': pattern = /^1[3456789]\d{9}$/; if(inputVal.length==11) { $.ajax({ url: '/login/checkmobile', type: "post", dataType: "json", data: { mobile: inputVal, etag: oEtag, page_ur: window.location.href, page_referer: document.referrer }, success: function (data) { } }); } break; case 'login_yzm': pattern = /^\d{6}$/; break; } if(oType=='login_mobile'){ } if(!!validateFun(pattern,inputVal)){ errFun(oErr,'') if(telInput){ $('.getcheckcode').removeClass('dis'); } }else { if(!telInput) { errFun(oErr, errTxt); }else { $('.getcheckcode').addClass('dis'); } return false; } } return true; } function errFun(obj,msg) { obj.html(msg); if(msg==''){ $('.login_submit').removeClass('dis'); }else { $('.login_submit').addClass('dis'); } } function validateFun(pat,val) { return pat.test(val); }