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

熱線電話：13121318867

登錄
首頁精彩閱讀可視化圖表10個(gè)錯(cuò)誤的表達(dá)方式，你犯了幾個(gè)？
可視化圖表10個(gè)錯(cuò)誤的表達(dá)方式，你犯了幾個(gè)？
2014-11-06
收藏


可視化圖表10個(gè)錯(cuò)誤的表達(dá)方式，你犯了幾個(gè)？

    數(shù)據(jù)可視化是一個(gè)溝通復(fù)雜信息的強(qiáng)大武器。通過可視化信息，我們的大腦能夠更好地抓取和保存有效信息，增加信息的印象。但如果數(shù)據(jù)可視化做的較弱，反而會帶來負(fù)面效果。錯(cuò)誤的表達(dá)會損害數(shù)據(jù)的傳播，完全曲解他們。



所以優(yōu)秀的數(shù)據(jù)可視化依賴優(yōu)異的設(shè)計(jì)，并非僅僅選擇正確的圖表模板那么簡單。全在于以一種更加有助于理解和引導(dǎo)的方式去表達(dá)信息，盡可能減輕用戶獲取信息的成本。當(dāng)然并非所有的圖表制作者都精于此道。所以我們看到的圖表表達(dá)中，各種讓人啼笑皆非的錯(cuò)誤都有，下面就是這些錯(cuò)誤當(dāng)容易糾正的例子：

1、餅圖順序不當(dāng)

餅圖是一種非常簡單的可視化工具，但他們卻常常過于復(fù)雜。份額應(yīng)該直觀排序，而且不要超過5個(gè)細(xì)分。有兩種排序方法都可以讓你的讀者迅速抓取最多的重要信息

方法一：將份額最大的那部分放在12點(diǎn)方向，逆時(shí)針放置第二大份額的部分，以此類推。

charts-tip1_1

方法二： 最大部分放在12點(diǎn)，然后順時(shí)針放置

charts-tip1_2

2、在線狀圖中使用虛線

虛線會讓人分心，而是用實(shí)線搭配合適的顏色更容易彼此區(qū)分


chart-tip2

3、數(shù)據(jù)擺放不直觀

你的內(nèi)容應(yīng)該符合邏輯并于直觀的方式引導(dǎo)讀者閱讀數(shù)據(jù)。對類目進(jìn)行按字母，次數(shù)或數(shù)值大小進(jìn)行排序

chart_tip3

4、數(shù)據(jù)模糊化

確保數(shù)據(jù)不會因?yàn)樵O(shè)計(jì)而丟失或被覆蓋。例如在面積圖中使用透明效果來確保用戶可以看到全部數(shù)據(jù)

chart_tip4

5、耗費(fèi)讀者更多的精力

要通過輔助的圖形元素來使數(shù)據(jù)更易于理解，比如在散點(diǎn)圖中增加趨勢線

chart_tip5

6、錯(cuò)誤呈現(xiàn)數(shù)據(jù)

確保任何呈現(xiàn)都是準(zhǔn)確的，比如，氣泡圖的大小應(yīng)該跟數(shù)值一樣，不要隨便標(biāo)注

chart-tip6

7、在熱圖中使用不同顏色

一些顏色比其他顏色突出，賦予了數(shù)據(jù)不必要的重元素。反而你應(yīng)該使用單一顏色，然后通過顏色的深淺來表達(dá)

chart-tip7

8、柱狀過寬或過窄

柱子與柱子之間的間隔最好調(diào)整為寬的1/2

chart_tip8

9、數(shù)據(jù)對比困難

對比是呈現(xiàn)差異的有效方式，但如果你的讀者不易對比時(shí)，效果就大打折扣了。確保數(shù)據(jù)的呈現(xiàn)方式一致，可以讓你的讀者對比

chart_tip9

10、使用三維圖

盡管這些圖看來讓人振奮，但3D圖也容易分散預(yù)期和擾亂數(shù)據(jù)，堅(jiān)持2D是王道

chart_tip10


數(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(), // 加隨機(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)證碼對象，之后可以使用它調(diào)用相應(yīng)的接口 initGeetest({ // 以下 4 個(gè)配置參數(shù)為必須，不能缺少 gt: data.gt, challenge: data.challenge, offline: !data.success, // 表示用戶后臺檢測極驗(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ù)說明請參見：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 = '請輸入'+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); }