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

熱線電話：13121318867

登錄
首頁(yè)精彩閱讀數(shù)據(jù)可視化知識(shí)貼②：似曾相識(shí)面積圖
數(shù)據(jù)可視化知識(shí)貼②：似曾相識(shí)面積圖
2015-05-17
收藏

數(shù)據(jù)可視化知識(shí)貼②：似曾相識(shí)面積圖


面積圖正如我們平時(shí)所看到的大山那樣，斗轉(zhuǎn)星移滄海桑田，山依然是山。

看上去樣子都差不多，但是仔細(xì)讀來，卻又內(nèi)藏玄機(jī)。

面積圖也是一種隨著時(shí)間變化的圖表，而且很穩(wěn)重。

無(wú)論你是要梳理出每個(gè)月各部門的凈收益，或者想看看從上世紀(jì)50年代以來各個(gè)音樂流派的普及流行程度，相信我，在那些與時(shí)間相關(guān)的圖表中，沒有什么比面積圖都可以更滿足你的需求了。

下面就讓我們來好好認(rèn)識(shí)一下這個(gè)似曾相識(shí)的面積圖吧！大數(shù)據(jù)

這就是前面提到的20世紀(jì)各流派音樂流行交互面積圖。

了解面積圖

面積圖描繪了時(shí)間序列的關(guān)系，不過與線型圖不同，它還可以很直觀地表示面積大小的不同。

信息被標(biāo)示在兩個(gè)軸之間，通過線段將數(shù)據(jù)點(diǎn)連綴起來，到這里為止，似乎和折線圖沒有什么不同。

但是一旦我們將這條折線和軸之間的區(qū)域涂上顏色的話，意義就不一樣了。

一般面積圖用與對(duì)兩種或者兩種以上的類別進(jìn)行比較。

面積圖溯源

如果你看過我們《啟視錄》系列前幾篇的話，應(yīng)該對(duì)一個(gè)名字非常熟悉了——威廉.普萊菲爾——信息圖表的鼻祖！

就是他，發(fā)明了前面我們介紹過的餅圖、條狀圖以及，沒錯(cuò)，還有今天要說的面積圖！大數(shù)據(jù)

1876年，商業(yè)與政治圖表 史上第一張面積圖

面積圖的使用

面積圖是用來表述多類別整體運(yùn)行趨勢(shì)的完美之選，所以不要試圖用它來展示單一的值。

我們也常常用堆積面積圖來展示多類別中部分與整體的關(guān)系，或者同系列累計(jì)的值。

面積圖有三種不同的形態(tài)，根據(jù)數(shù)據(jù)以及背景的不同，均有其最佳的展示環(huán)境。

  • 標(biāo)準(zhǔn)面積圖大數(shù)據(jù)

標(biāo)準(zhǔn)面積圖一般用于展示或者比較隨時(shí)間序列而變化的的定量。不過在很多實(shí)際案例中，由于不同的系列太多，面積圖的說服力往往不及折線圖。不過如果要追求一定的視覺效果的話，相互遮擋的數(shù)據(jù)點(diǎn)這也是面積圖設(shè)計(jì)餓色之一。

  • 堆積面積圖大數(shù)據(jù)

堆積面積圖，最佳的使用環(huán)境是用于展示部分與整體的關(guān)系。較之于餅圖，我們可以很明晰地看出，不同的類別在不同時(shí)間段上對(duì)于整體累計(jì)數(shù)據(jù)所做出的貢獻(xiàn)。

  • 100%累計(jì)面積圖大數(shù)據(jù)

這種100%累計(jì)面積圖，和餅圖有點(diǎn)類似。主要是用來展示不同類別所占據(jù)的面積大小，這里具體的累計(jì)數(shù)倒沒人去關(guān)注了。

面積圖設(shè)計(jì)小貼士

面積圖因?yàn)楦叽笊系脑O(shè)計(jì)，越來越受到圖表設(shè)計(jì)者的歡迎。不過面積圖要是設(shè)計(jì)得不好，讀者將很難從你的圖表中解讀出正確的信息來。下面這幾條設(shè)計(jì)面積圖的小貼士，會(huì)讓你的面積圖的b格大為提升。

  • 易讀大數(shù)據(jù)

在堆積面積圖中，將波動(dòng)較大的類別放在最上面，而將波動(dòng)較小的類別放在最下面。

  • 使用透明色大數(shù)據(jù)

在標(biāo)準(zhǔn)面積圖中，應(yīng)對(duì)數(shù)據(jù)類別的圖層順序進(jìn)行排序，并使用透明色，以便看到被遮擋的數(shù)據(jù)。

  • 不要超過4個(gè)類別大數(shù)據(jù)

太多數(shù)據(jù)類別會(huì)導(dǎo)致圖表雜亂，不易分辨

  • y軸從0開始大數(shù)據(jù)

Y軸從非零開始會(huì)截?cái)鄶?shù)據(jù)，不能反映數(shù)據(jù)的真實(shí)大小和變化趨勢(shì)

  • 不要用面積圖表示離散數(shù)據(jù)大數(shù)據(jù)

面積圖中兩個(gè)點(diǎn)之間的連線表示中間值，只有連續(xù)數(shù)據(jù)才有中間值。

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

若不方便掃碼，搜微信號(hào)：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(), // 加隨機(jī)數(shù)防止緩存 type: "get", dataType: "json", success: function (data) { $('#text').hide(); $('#wait').show(); // 調(diào)用 initGeetest 進(jìn)行初始化 // 參數(shù)1：配置參數(shù) // 參數(shù)2：回調(diào)，回調(diào)的第一個(gè)參數(shù)驗(yàn)證碼對(duì)象，之后可以使用它調(diào)用相應(yīng)的接口 initGeetest({ // 以下 4 個(gè)配置參數(shù)為必須，不能缺少 gt: data.gt, challenge: data.challenge, offline: !data.success, // 表示用戶后臺(tái)檢測(cè)極驗(yàn)服務(wù)器是否宕機(jī) new_captcha: data.new_captcha, // 用于宕機(jī)時(shí)表示是新驗(yàn)證碼的宕機(jī) product: "float", // 產(chǎn)品形式，包括：float，popup width: "280px", https: true // 更多配置參數(shù)說明請(qǐng)參見：http://docs.geetest.com/install/client/web-front/ }, handler); } }); } function codeCutdown() { if(_wait == 0){ //倒計(jì)時(shí)完成 $(".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 = '請(qǐng)輸入'+oInput.attr('placeholder')+'！'; var errTxt = '請(qǐng)輸入正確的'+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); }