#### 柱狀圖：
適合場景：分類數(shù)據(jù)對比
1. 柱狀圖無法顯示數(shù)據(jù)在一個區(qū)間內(nèi)的連續(xù)變化趨勢；
2. 柱狀圖描述的是分類數(shù)據(jù)，回答的是每一個分類中“有多少？”這個問題；
3. 柱狀圖顯示的分類很多時會導(dǎo)致分類名層疊等顯示問題；
4. 豎向展示適合數(shù)據(jù)不超過12條，橫向展示適合數(shù)據(jù)不超過30條；
5. 適合場景：分類數(shù)據(jù)對比；
6. 分類太多不適合使用縱向柱狀圖如對比不同省份的人口數(shù)量。分類情況過多時，柱狀圖的文本為了排布合理，需要進行旋轉(zhuǎn)，不利于閱讀，相比于縱向柱狀圖，橫向柱狀圖更適用于此類分類較多的場景；
7. 不適合表示趨勢 柱狀圖使用矩形的長度（寬度）來對比分類數(shù)據(jù)的大小，非常方便臨近的數(shù)據(jù)進行大小的對比，不適合展示連續(xù)數(shù)據(jù)的趨勢；
#### 直方圖：
1. 直方圖，形狀類似柱狀圖卻有著與柱狀圖完全不同的含義。直方圖牽涉統(tǒng)計學(xué)的概念，首先要對數(shù)據(jù)進行分組，然后統(tǒng)計每個分組內(nèi)數(shù)據(jù)元的數(shù)量。
2. 適合場景：用于表示分布情況、用于觀察異?；蚬铝?shù)據(jù)
3. 不適合場景：抽取的樣本數(shù)量過小，將會產(chǎn)生較大誤差，可信度低，也就失去了統(tǒng)計的意義。因此，樣本數(shù)不應(yīng)少于 50 個。
4. 擴展：通過變換坐標(biāo)系，我們能獲得極坐標(biāo)下的直方圖、圓環(huán)上的直方圖、以及翻轉(zhuǎn)的直方圖
- 1.Mock.js
- 2.conic-gradient 圓錐漸變
- 3.ES6 Module學(xué)習(xí)筆記
- 4.ES6函數(shù)擴展學(xué)習(xí)筆記
- 5.導(dǎo)入topojson模塊的坑
- 6.git 內(nèi)部分享
- 7.npm install --save
- 8.nvm和nrm
- 9.刪除node_modules文件夾
- 10.es6 symbol
- 11.Set和Map數(shù)據(jù)結(jié)構(gòu)
- 12.chrome控制臺的$0
- 13.d3-ordinal
- 14.Object.assign() 和lodash的merge()
- 15.echarts x軸坐標(biāo)文字顯示不全
- 16.echarts地圖配置項--中文
- 17.webpack自動瀏覽器打開插件
- 18.D3線條和面積動畫--未采用
- 19.投影濾鏡
- 20.文本擋住觸發(fā)事件
- 21圖表用法
- 22.大膽的表現(xiàn)自己把
- 23.裁剪clip-path
- 24svg線條動畫的反向和時間誤差
- 25.visibility和display的區(qū)別
- 26.SVG濾鏡
- 27windo命令行的坑
- 28.textContent與innerText的不同
- 29.CSS3炫酷文本
- 30.更改webpack配置文件路徑
- 31.大胖給我做的css codereivew
- 32.定義接口不要限定死
- 33.不使用浮動，用inline-block平分出現(xiàn)換行問題
- 34.輸入框的校驗
- 35.handlbars的registerHelper
- 36.animation-fill-mode
- 37.svg嵌套HTML，實現(xiàn)文本換行
- 38.SVN出現(xiàn)黃色感嘆號
- 39.typeof與instanceof
- 40.SVG里面謹慎設(shè)置font-family
- 41.新腳手架里的相對路徑問題