? ? 本人的個人博客為： www.ourd3js.com?

? ? csdn博客為： blog.csdn.net/lzhlzz?

? ? 轉載請注明出處，謝謝。

---

? ? Layout ，直譯為“布局，安排”。但在 D3 中不是這個意思。

? ? D3 中有非常多 Layout 函數，它們不是為了在畫面中布局什么。在 D3 中是對輸入的數據進行轉換，轉換成比較easy進行可視化的數據。實際進行可視化時，須要其它的代碼。我們能夠簡單地把 Layout 理解為“制作常見圖形的函數”，比方餅狀圖等等。

? ? D3 中一共提供了12個 Layout。API簡單介紹可見：?https://github.com/mbostock/d3/wiki/Layouts

1. Bundle ?---- ?捆圖

2. Chord ?---- ?弦圖

3. Cluster ?----? 集群圖

4. Force ?----? 力學圖

5. Hierarchy ?----? 層級圖

? 不能直接使用，要和其它的 layout 一起使用。

6. Histogram ?----? 柱形圖

7. Pack ?----? 打包圖

8. Partition ?----??分區圖

9. Pie ?----? 餅狀圖

10. Stack ?----? 堆棧圖

11. Tree ?----? 樹狀圖

12. Treemap ?----??矩陣樹圖

? ? 詳細到每個 Layout 的用法。會在后面幾節中介紹。

轉載于:https://www.cnblogs.com/mfrbuaa/p/5408427.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的【 D3.js 入门系列 --- 9 】 常见可视化图形的全部內容，希望文章能夠幫你解決所遇到的問題。

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