轉(zhuǎn)自：http://marslau.com/archives/811.html

餅圖

用于顯示各項占總體的比例大小，不要用于各項間的比較關(guān)系。

數(shù)據(jù)建議

1)單系列數(shù)據(jù)

2)扇區(qū)不易過多，最好不超過7個扇區(qū)，多余部分可用其他表示

3)建議扇區(qū)從大到小排序

圖形建議

4)第一扇區(qū)從12點位置開始，順時針

5)最好不使用圖例，標簽(分類+數(shù)值)直接在扇區(qū)上或旁邊

6)扇區(qū)數(shù)量較少的2D餅圖不用引導線(標簽連接線)

7)扇區(qū)顏色建議色相相鄰，如”赤橙黃綠青藍紫”，飽和度相似；”其他”扇區(qū)用灰色

8)不要使用爆炸(全部展開)效果，即分離型餅圖

9)用彈出塊或高亮變色突出要強調(diào)的數(shù)據(jù)

10)盡量不用3D餅圖，如用厚度要薄、仰角要大

柱形圖/條形圖

用于顯示各項間的數(shù)據(jù)對比，堆積型用于比較總量

數(shù)據(jù)建議

1)數(shù)據(jù)可以從大到小排序，最大的在最上(左)面

2)對系列值普遍較大且相近的，可設(shè)置系列值的起始點

圖形建議

3)簡潔的坐標軸標簽

4)分類標簽過長時使用條形圖

5)有負數(shù)是左邊軸標簽放右邊(上邊)或圖外

6)值標簽非常長時，可考慮放在柱子內(nèi)

7)單系列柱圖不要使用圖例，直接標記

8)多系列柱圖使用圖例，放在圖形區(qū)下方

9)柱與柱的間距要小于柱子的寬度

10)柱間距對等，柱子的首尾間距為1/2柱間距

11)簇狀圖中各系列的顏色明暗交替明顯，保證黑白打印時的可讀性

12)圖形背景、網(wǎng)格線弱化

13)可設(shè)置警戒區(qū)域(線)

14)盡量不使用3D效果，如使用請用矩形方塊，不要用圓柱(圓錐、棱錐)，使用矩形方塊

折線圖

顯示隨時間而變化的連續(xù)數(shù)據(jù)

數(shù)據(jù)建議

1)折線(系列)數(shù)量不要太多，以免雜亂

圖形建議

2)線條要足夠粗，明顯粗過非數(shù)據(jù)元素

3)折線圖中，不同系列可用不同的數(shù)據(jù)點形狀標記

4)盡量不使用圖例，標示文字直接標示在折線旁邊

5)加粗強調(diào)某條重要的曲線

6)圖形背景、網(wǎng)格線弱化

7)可設(shè)置較細的警戒線

8)不使用3D折線圖

使用原則

通過這幾個基礎(chǔ)圖形的實例總結(jié)了以下使用原則，應(yīng)用在其他圖形應(yīng)該也適用：

準確：根據(jù)數(shù)據(jù)關(guān)系選擇相應(yīng)的類型，參見下圖

簡潔：減少一次性展示數(shù)據(jù)，標簽文字簡短，少用3D效果，弱化背景網(wǎng)格線

清晰：利用好配色、透明度，使圖形數(shù)據(jù)無歧義

直接：能直接在圖上標示的就不單獨列圖例

強調(diào)：分離、加粗、高亮等方式強調(diào)重點數(shù)據(jù)

習慣：遵守用戶使用習慣，12點開始順時針、從大到小等

總結(jié)

以上是生活随笔為你收集整理的html中统计图怎么做,如何做专业、美观的图表（基础统计图部分）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。