D3有太多漂亮的可視化圖表,其中徑向樹圖看起來很舒服,適合用來顯示樹狀結構的數據,尤其是文本類的,之前也有網友在QQ群中問如何製作徑向樹圖。
JSON數據格式與Excel數據之間的轉換,挺麻煩,而且,一不小心因為字符編碼的問題,還會導致亂碼,所以折騰了幾次,最後還是放棄了,直到發現了這個E2D3的Excel的加載項。
這個加載項在Excel在線商店中就能找到:Excel>插入>加載項>獲取加載項
然後再商店中搜索E2D3:點擊添加,就安裝好了。
接下來我們就來試著製作一個徑向樹圖:
添加一個徑向樹圖
打開E2D3加載項後,主頁面下就有這個圖,滑鼠移到圖上時,會有按鈕提示「visualize」,點擊按鈕,就會生成一個,默認的徑向樹圖,以及一個數據表。
這個圖就是D3.JS網站中的圖,一模一樣。我們只要按照給出的數據表,填寫數據進去,就會把這個示例的圖,變成我們自己的圖。
替換數據
保證原有的數據表的結構,不要改變表頭,只複製數據進來就好了
替換數據後,就是這個樣子
如果數據區範圍增加,超過了示例的數據區,需要選中數據區,按左上角Reset Data Area這個按鈕,使數據區變更生效。
導出圖片
我們製作這個圖表,有些時候我們需要另存為圖片,用到PPT或其他報告、文章中,E2D3加載項也提供了保存圖片的功能,在右上角有Save Image按鈕,提供兩種格式:
SVG:指可伸縮矢量圖形 (Scalable Vector Graphics)PNG:可攜式網絡圖形是一種無損壓縮的位圖圖形格式
點擊按鈕後,會出現上面的對話框,提示保存圖片。
E2D3這個加載項,有點像Power BI Desktop中的數據可視化對象,只要按照格式提供數據,就能做出可視化圖表,這個加載項,有些不太穩定,會出現圖片佔位的情況,只要稍微耐心點操作,就好了。
另外,這個加載項還能製作自動演示的動態可視化圖表:
如果你的Excel支持在線商店,趕緊試一試吧。
最後說一下,我的圈子也開通了,歡迎大家加入!