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

熱線電話:13121318867

登錄
首頁精彩閱讀如何用python繪制簡單條形圖?
如何用python繪制簡單條形圖?
2020-06-01
收藏

如何用python繪制簡單條形圖呢?這里離不開matplotlib的使用。

條形圖數(shù)據(jù)可視化圖形中很基礎(chǔ)也很常用的一種圖,簡單解釋下:條形圖也叫長條圖(英語:bar chart),亦稱條圖(英語:bar graph)、條狀圖、棒形圖、柱狀圖條形圖表,是一種以長方形的長度為變量的統(tǒng)計圖表。長條圖用來比較兩個或以上的價值(不同時間或者不同條件),只有一個變量,通常利用于較小的數(shù)據(jù)集分析。長條圖亦可橫向排列,或用多維方式表達。

那么一個普通的條形圖是長什么樣子的呢?

當!當!當!就是下圖的這個樣子:

圖先亮出來啦,接下來研究這個圖是怎么畫的吧,先看一下原數(shù)據(jù)長什么樣子:

實際畫圖的流程和畫折線圖很相近,只是用到的畫圖函數(shù)不一樣,繪制條形圖的函數(shù)plt.bar():

由于這只是最簡單的一個條形圖,實際上條形圖的函數(shù)plt.bar()還有不少可以探索的參數(shù)設(shè)置,和對折線圖函數(shù)plt.plot()的探索差不多,有興趣的孩子可以自己去進行探索哦。

按照條形長短進行排序展示的條形圖

當然也可以有其他的設(shè)置,比如說上圖中的線條高低參差不齊,這是因為x軸的數(shù)據(jù)是按照學校名稱進行排序的,那么可不可以按照分數(shù)的高低進行排序呢?也就是讓所有的長方形按照從高到矮或者從矮到高的順序進行排列?

當然可以啦!這里需要強調(diào)的是,條的高低排列等信息都是來源于原數(shù)據(jù)的,要想讓條形的順序發(fā)生改變,需要對畫圖的來源數(shù)據(jù)進行更改呢!

把原數(shù)據(jù)逆序排序后截取前十名數(shù)據(jù)賦值給data_yuwen,作為新的數(shù)據(jù)源傳入畫圖函數(shù)plt.bar(),畫出來的圖自然就不一樣了。

先看一眼數(shù)據(jù)長什么樣子:

根據(jù)這個數(shù)據(jù)源繪制出的圖形如下,由于用來畫圖的數(shù)據(jù)進行了降序排序操作,所以生成條形圖的條也會進行降序排序展示:

很多時候,我們常見的條形圖還有另一種展現(xiàn)形式,那就是橫向的條形圖,比較火的那種動態(tài)條形圖絕大多數(shù)也都是橫向的條形圖,那么橫向的條形圖如何繪制呢?

理解plt.bar()主要參數(shù)

其實也不難,只要清楚plt.bar()函數(shù)中主要參數(shù)的作用就可以了!條形圖函數(shù)中有五個主要參數(shù),分別是x,height,width,bottom,orientation。其中x控制的是每個條在x軸上位置,height控制的是每個條的長度,width控制的是每個條的寬度,bottom控制的是每個條在y軸方向的起始位置,orientation控制的是條形的方向,是縱向還是橫向,默認是縱向的。

通過一個小例子理解下這幾個參數(shù)的作用:

上邊的幾行代碼輸出的圖形如下:

對比著代碼和實際輸出的條形圖,各個主要參數(shù)的作用是不是一目了然啦?

橫向條形圖

理解了這幾個參數(shù)作用后,縱向的條形圖轉(zhuǎn)換成橫向的條形圖就沒什么難度了!

  • 需要設(shè)置所有條形在x軸的位置都為0,也就全部從最左側(cè)開始畫條形;
  • 由于是橫向條形圖,所以實際上條的寬度顯示的是數(shù)據(jù)大小,將width參數(shù)設(shè)置成原數(shù)據(jù)中的語文成績;
  • bottom控制每個條在y軸方向的起始位置,設(shè)置bottom=range(10)設(shè)置每個條形在y軸的起始位置各不相同避免有條形重疊;
  • height控制的是每個條在y軸方向上的長度,條形圖橫向設(shè)置后,在y軸上的長度失去了衡量數(shù)據(jù)的意義,所以直接設(shè)置一個常數(shù)即可;
  • 最后設(shè)置條形的方向為橫向,即orientation=“horizontal”。

溫馨提示:數(shù)據(jù)和標簽一定要匹配,即plt.bar()重點的數(shù)據(jù)要和plt.yticks()中提取出來的標簽一一對應(yīng),一旦不匹配,整個圖展現(xiàn)的結(jié)果就是一個錯誤的結(jié)果!

上述代碼生成的條形圖如下:

感覺上邊這種生成橫向條形圖的方式有點點繞,和人們的習慣認知有點不大一樣,難道畫一個橫向條形圖就非得轉(zhuǎn)變自己的習慣認知這么反人類嗎?

當然不是的,實際上有更簡單的方法繪制一個橫向條形圖,之所以沒有一開始就直接用這種簡單的方法,也是為了讓大家體會下條形圖參數(shù)的靈活設(shè)置而已,而且如果比較繞的方法都能理解了,簡單的方法理解和運用起來就更沒有難度了??!

不賣關(guān)子了,我們來認識下和plt.bar()函數(shù)類似的plt.barh()函數(shù)。

plt.barh()函數(shù)是專門繪制水平條形圖的函數(shù),主要的參數(shù)有:

  • y 控制y軸顯示的標簽來源
  • width 控制橫向條形的長度,即用來進行對比的數(shù)據(jù)源
  • height 條形的寬度需要設(shè)置的參數(shù)主要就是這三個,比用plt.bar()函數(shù)繪制水平條形圖簡單了很多,具體代碼如下:

效果圖:

和用plt.bar()函數(shù)繪制的橫向條形圖一毛一樣對不對?以后有需求繪制橫向條形圖,盡量用plt.barh()函數(shù)吧,畢竟它是專門繪制這種類型圖的,簡單好用。

然而實際工作中對于條形圖的需求不只是這些,比如例子中只是對各個學校語文成績的展示,有時候需要各個學科的成績同時展現(xiàn)在一幅條形圖中,有時候也需要繪制堆積條形圖對各學科的成績以及總成績進行展示,這些圖又該如何繪制呢?其實只要理解了各個參數(shù)的含義,繪制這些圖也不在話下,至于具體怎么畫,且看下回分解?。?

數(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); }