日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

怎么让e-charts折线图只有6个刻度_简单6步,打开图表定制之门

發布時間:2024/1/23 编程问答 38 豆豆
生活随笔 收集整理的這篇文章主要介紹了 怎么让e-charts折线图只有6个刻度_简单6步,打开图表定制之门 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

大家好,我是小明,一個愛圖表如命的人。

很開心接到精進學苑的邀請,合作這一期公開課。因為之前的多次合作都很愉快,所以這一次想都沒想就答應了。

答應之后,我就一直在想應該寫些什么內容,大家到底需要什么樣的技巧?

正好十月份,我剛完成了一份報告,并且根據領導的想法為報告定制了一套圖表。于是靈光一閃,為什么不把這次的定制經歷復盤一下,畢竟工作才是真正的需求。

起初,領導只是給了2張圖,說這一次的報告想要這樣的圖表效果。

大家覺得這兩張圖表怎么樣呢,不妨打它打個分吧,0到100分,您愿意給多少?

在小明看來,可以打85分,整體配色清新、簡單大氣、清晰易懂,國家統計局的圖表真是越做越好了。

評價完繼續說回定制,有了這兩張圖表做參照物,也就有了主視覺元素,我們的目標就是將其應用到自己的圖表之中,然后做出專業范。

我們先來看一看報告的最終呈現效果吧,所有的圖表類型都很常見,全都是熟悉的配方,又夾帶著一點點的小驚喜,莊重又不失清新。

這里還要給大家解釋一下,報告內容以及數據都經過了特殊處理,文字和數據都是用office自動生成的,所以看起來有點怪,大家把重點放在圖表上就可以啦。

想要做出上面的效果,讓圖表形神兼備、內外兼修,可以從以下6個方面入手,元素拆分、格式套用、顏色統一、內容匹配、種類拓展和細節修正。

我們來一個一個講。

一、元素拆分,摸清領導真正需求

領導說喜歡這兩張圖表,只是一個表象,他真正喜歡的是什么呢,我們來做個拆解。

1. 格式統一

所有圖表的坐標軸、邊框的線條一致,數據系列線條一致。相同元素的字體字號也一致。

2. 方方正正

添加了繪圖區邊框,類似于PPT排版中對齊的效果,顯得更加整齊。

3. 沒有干擾

刪除了所有網格線,沒有多余的元素干擾,方便讀者捕捉關鍵信息。

4. 數值明確

添加了數據標記和數據標簽,讀者既能了解趨勢變化,還能看到關注點的具體數值。

5. 對比明顯

色彩明亮,不同系列顏色的區分度也較高。

6. 重點突出

柱形圖正負值分色顯示,引導讀者重點關注特殊值。

圖表有了這些個特征后,就會讓人看起來舒服,也更容易看懂,所以不止領導會鐘意,我們自己也喜歡。

二、格式套用,規范處理投其所好

既然找到了領導喜聞樂見的元素,那么下一步就是要投其所好了,誰讓他是甲方呢。

小明整理了一份示例圖表的一些關鍵點設置,涉及14個類別40小項,套用地越細致,最終圖表的還原度就會越高。當然了,也不用完全照搬,我們借鑒的是這種風格,而不是克隆。

在這張表格里,小明還列明了哪些設置項被采用,哪些設置需要更改,哪些設置直接放棄了。

經常和甲方打交道的小伙伴們應該知道,改稿就是不斷向甲方妥協的過程,但是在制作圖表時有一些原則還是要堅持的。

1. 字體字號設置突出層次即可

原圖中的文本和數字通過字體、字號和顏色三個維度進行區分,小明將字體全部改成了微軟雅黑這個萬能字體,僅通過字號和加粗區分。簡化設置又能突出層次。

2. 折線線型和顏色最顯差異化

恰到好處的裝飾品是點綴,戴多了是累贅。原圖中折線通過顏色和數據標記兩個維度進行區分,小明將數據標記統一設置為“線條顏色白色填充的圓形”,用來顯示數據點。不同系列的區分維度要節制,僅用顏色或線型完成可以勝任,元素越多越難保持所有圖表的統一性,反倒會有雜亂的感覺。

3. 刻度線可有可無應考慮刪掉

小明一直崇尚極簡圖表風格,不給多余的元素留出路。原圖中折線圖設置了橫坐標軸刻度線,柱形圖未設置。小明將折線圖中的刻度線也刪掉,橫坐標軸的標簽放置位置較“低”,很難和刻度線一一對應,同時數據標記也能代替刻度線的功能。

4. 柱形間距根據需要靈活設置

原圖中數據量較小,相當于人少住大房子,柱形的間隙寬度設置成50%后,絲毫不顯擁擠和疏離。然而現實和理想總是充滿了差距,我們要作圖的數據往往是人多住小房子,這時柱形的間距就要根據實際需要來靈活設置。

三、顏色統一,普通圖表華麗變身

圖表的本質是什么?簡單來說就是兩個字——對比。

想要實現對比,無非就是顏色、形狀、線型和填充。

而顏色就是實現對比最常用和最重要的手段。

稍微夸張一點地說,無顏色,不圖表。

那么,圖表的用色應該注意些什么呢?

1.深淺搭配

坐標軸線條、繪圖區邊框這些基礎元素采用淺灰色;文本和數字這些標簽采用深灰色;折線、柱形這些重要內容則采用亮色。

2.正負分明

原圖中正數用藍色,負數用姜黃色,分色顯示后,那些特殊值和異常變化會第一時間得到大家的關注。

3. 對比明顯

顏色與顏色之間要有足夠的差距,同色系采用不同明度,不同色系建議采用互補色或間色。

4. 前后一致

PPT配色時有主色、輔色和點綴色,這些顏色會貫穿整套PPT。圖表的配色也是相同道理,一定要確定好,一個系列、兩個系列、三個系列以及更多系列時分別采取哪個顏色或者用哪些進行顏色搭配,這樣做出來的圖表才像是一家人。

前面3個步驟是形神兼備的“形”,是內外兼修的“修外”。

從這一步開始就是鑄神和修內。所以接下來的全都是重點,大家要仔細聽哦。

四、內容匹配,依文配圖專業加成

剛才說到圖表的本質是對比。

那報告的本質呢?簡單來說就是,一連串的數據對比變化形成觀點,再由多個觀點集合而成的具有可參考價值的文字。

圖表和報告有什么關系呢?

1.數據是圖表和報告共同的基礎

數據有兩個很重要的屬性:數據類型和數據關系。

常用的數據類型有數值、百分比、比例和頻數。

常用的數據關系有對比、構成、分布和聯系。

圖表和報告都是建立在這兩個數據屬性之上的。

2.圖表展示對比,報告總結對比

如果說數據比作時裝的話,那么圖表就是專門用來展示時裝的模特,報告就是由一系列的時裝設計和模特展示升級而成的時裝品牌。

數據間的差異雖天然存在,但是用圖表來展示會更為直觀;

展示數據差異后,進一步總結出潛藏的觀點形成報告才更有價值。

3.構思先圖后文,報告先文后圖

我們還用衣服舉例,當你不確定什么風格的適合自己時,只能先試穿,不斷地嘗試,而一旦確定好自己的風格后,就要量體裁衣了。

也就是說,我們在研究階段,圖表的作用是輔助我們尋找數據規律,這個時候可以先作圖后形成觀點。但是到了寫作階段,觀點已然形成,圖表的作用就轉換為準確表達數據規律,這個時候就要根據觀點來挑選圖表。

正因為報告和圖表之間存在著緊密的聯系,依據報告內容來搭配圖表,才可以獲得專業加成。

比如這篇報告中主要涉及時間序列、對比和占比3類,小明給出的圖表類型建議分別是:

表現時間序列常用折線圖;

表現對比關系常用表格、面積圖、雷達圖、重疊柱狀圖、蝴蝶圖等;

表現占比關系常用堆積條形圖、堆積柱形圖、圓環圖、樹狀圖等。

五、種類擴展,巧妙組合做出創意

原始圖表中只有折線圖和柱形圖,也就是領導給了我們一棵樹,但他想要的其實是一片森林,此時就需要不斷擴建,繼續豐富圖表的種類了。

為表達報告中出現的多種數據關系,小明在上一步中也針對性地推薦了很多常用的圖表類型,具體該怎么選呢?

1. 重在易懂,外在也不能忽視

即使您看膩了柱形圖和折線圖,也會承認它們兩個是最常用、最好理解的圖表吧,我們以此為基礎和標準,分別選了表格、折線圖、面積圖、雷達圖、堆積條形圖、圓環圖和蝴蝶圖這幾類圖表。

對于外在,只能說圖表的顏值也要高,畢竟愛美之心人皆有之,要不然第一眼就被pass了,我們哪里還有機會和自己的讀者交流呢?

2. 圖表混搭,給人營造新鮮感

常用圖表又怎么給人新鮮感呢?小明的解決方案是將不同類型圖表進行混搭。

比如說柱形圖+折線圖、柱形圖+柱形圖、柱形圖+散點圖、折線圖+面積圖

等一等,先別忙著“吐槽”我,我說的不是日常所見的組合圖,我說的是這種呀。

我們都知道,組合圖能反映更多的信息量,卻也不可避免地會產生重疊交織,讓人眼花繚亂,所以我們這樣設置。

(一)柱形圖+折線圖、柱形圖+柱形圖

將這兩種組合圖進行了分區顯示,就像是一個兩居室,每個人都有自己的獨立空間,左邊反映“業務量、成交額”等,右邊反映“個數、增速”等。

在柱形圖+折線圖中,橫坐標軸標簽是日期且數量較多,我們巧妙地將“長日期”進行了分行顯示,月份在上,年份在下,并在年份之前添加了一個“*”加以區分。

這個小技巧記得要收好,真的太好用了。

(二)柱形圖+散點圖

大家可以再看一下,有沒有什么不一樣的地方?提示一下,您可以仔細看一下代表散點的三角形。

發現了吧,區別在于三角形的方向,當增速為正時三角形朝上,為負時三角形朝下,這一點點的小心思,就能讓人秒懂你的表達內容。

(三)折線圖+面積圖

如果我不說這是一個組合圖,您能看出來嗎?是不是有一種渾然一體的感覺。

這種組合圖尤其適合只有1個數據系列的情況,您可以腦補一下做成柱形圖、散點圖、折線圖、面積圖的樣子,現在想想是不是稍顯單調呢?

所以呢,下次再制作圖表時,不妨試一試圖表混搭,會給人不一樣的感覺。

3. 重差異化,在細節上下功夫

對于審美疲勞這件事,小明覺得是再正常不過的事,剛才我們說圖表就像衣服,相信大家伙都無法忍受成年累月地只穿同一件衣服吧,這個時候就需要一點點的“喜新厭舊”之心了,不過不是完全丟掉舊圖表類型,另立新圖表類型,這樣做難度太大,還是交給那些大師們做吧。

我們要做的只是微創新,做出差異化即可。接下來我們分別介紹一下如何對圖表做差異化設置。

(一)雷達圖

1.用數據系列代替網格線,并圈定雷達圖的范圍

2. 刪掉了網格線替換為帶箭頭的坐標軸

3. 增加填充雷達圖的透明度,方便同時顯示兩個系列

(二)蝴蝶圖

這類圖表比較新穎,我們繼續在縱坐標軸標簽與業務1之間增加誤差線,并在誤差線的末端添加鉆石型箭頭。

(三)堆積條形圖

1. 用堆積條形圖代替餅圖,表現各網點的業務量占比情況

2. 用條形圖的數據標簽代替縱坐標軸標簽,并顯示在各自的條形之上

3. 加粗條形圖的邊框,條形設置為無填充,方便放置數據標簽

(四)簇狀條形圖

1.用雙縱坐標軸表現兩個數據值差異較大的系列,并將美元和港幣設置為不同的柱形分類間距,用以區別顯示

2.將港幣柱形的填充設置為半透明,避免遮擋美元柱形

(五)表格

小明愛將表格稱之為圖表之王,簡單的線條和填充就能勾勒出一個不一樣的表格風格。

1. 用姜黃和深藍將“業務種類”和“簽單數”進行區分

2. 字段區填充淺藍色,主體區無填充,層次分明

3. 合計值字體加粗,線條采用淺藍色,突出重點

(六)圓環圖

對于小明來說,有很長一段時間不愿意用餅圖和圓環圖,覺得他們太占地方,這個想法現在想想真的挺可笑。

其實圖表本身沒有好與壞,重要的還是要用對地方,至少圓環圖和餅圖在表達占比關系上它的知名度還是絕無僅有的。

那圓環圖有可優化的地方嗎?此處小明將標題或者一些關鍵信息放置在圓環圖的內徑里,并根據內容多少適當調節內徑大小。

六、細節修正,比想要的再多一點

假如做完了以上5步,我們的圖表應該能得80分。

您對這個分數還滿意嗎?想不想再進一步漲到90分,比領導和甲方想要的再多一點呢。

我們需要做的就是繼續修正圖表細節,讓它們看起來更精致。

1.圖表大小一致

大家應該都看十一國慶大閱兵了吧,場面震撼、整齊劃一。想要達到這種效果除了兵哥哥們步調一致之外,他們的身高體型也基本一致。套用到我們的圖表上,就是保持圖表的大小一致。

圖表高度:要完全一致

圖表寬度:根據內容調整寬度,盡量保持一致。

當然也有例外,就是表格這個大收納箱,它要視具體內容來定高度和寬度。

2. 單位設置要準

無論報告還是圖表,都是一個既嚴肅又認真的事情,必須準確地描述數據以及表達數據的含義,不能有任何歧義。建議直接指定單位,并將其放置在相應的坐標軸旁或者數據系列旁等顯眼的位置。

3. 數據來源權威

數據來源有多重要?我們可以舉幾個例子。

大家應該聽過這個廣告吧,產自北緯40度世界公認的“黃金奶源緯度帶”,不是所有的奶都叫特侖蘇。

特侖蘇的特別之處在于它的奶源產地。

再比如請朋友吃烤鴨他們可能沒那么動心,但如果說去吃全聚德,相信就是驚喜了。

這份烤鴨的特別支出就是來自于全聚德。

所以說給讀者交代清楚數據來源,就相當于給數據認證,給數據蓋戳。說明您引用的數據是一種權威,值得信賴。

還需要注意一點,數據來源的格式也要做到統一,擺放在圖表的相同位置,比如我們采用的是“微軟雅黑7號字”、填充5%黑色、放置在左下角。

4. 恰當擺放圖例

圖例就像一個指示牌和路標,錯誤的指示會讓人走彎路。

那么圖例擺放在哪兒好呢?

首先要顯眼,居中或者右上角都是不錯的選擇。

其次是根據圖表內容靈活調整位置,比如分區圖表和蝴蝶圖,就可以將圖例和繪圖區內容進行上下對應。

5. 靈活設置標簽

大家有注意到數據標簽和其他文本之間的差別嗎?

數據標簽用的是100%黑色,其他的文本都是85%黑色,因為數據標簽是我們圖表中的表達重點。

因此,關于標簽的擺放位置:

首先要控制大小,多個標簽不要重疊;

其次要控制位置,不要遮擋圖形、線條、柱形等。

好了,以上就是小明此次定制圖表的復盤內容,一些小經驗希望對您有所啟發。

接下來再多說一點關于“圖表定制”的事,在小明看來,圖表也可以根據甲方要求和報告內容進行量身定制,包括圖表風格和圖表表達。經常做PPT和圖表的人,其實您早已經走在了圖表定制的路上了,只是“圖表定制”這種說法比較少見而已,小明相信總有一天,在我們大家的共同努力下,圖表定制也會和PPT定制一樣深入人心。

本次分享也算是小明的一次嘗試和探索,和大家一起打開圖表定制的大門,未來還需要不斷總結,不斷完善整個流程,前路漫長,一起共勉吧。

就是這些了,再次感謝精進學苑的邀請,感謝大家的聆聽。

創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的怎么让e-charts折线图只有6个刻度_简单6步,打开图表定制之门的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。