码迷,mamicode.com
首页 > Web开发 > 详细

D3.js的v5版本入门教程(第十二章)—— D3.js中各种精美的图形

时间:2019-09-29 20:04:00      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:force   log   打包图   常见   ble   detail   图片   ORC   中国   

D3.js的v5版本入门教程(第十二章)

    D3中提供了各种制作常见图形的函数,在d3的v3版本中叫布局,通过d3.layout.xxx,来新建,但是到了v5,新建一个d3中基本的图形的方式变了(我也并不知道是不是还叫布局,我觉得也可以这么叫,反正布局指的也是一个绘图函数)

    下面是d3中一些常见的部分图形

    bubble —— 泡泡图

    技术图片

 

 

    packing —— 打包图

 技术图片

 

 

        bundling —— 捆图

 技术图片

 

 

    force —— 力导向图

 技术图片

 

 

    chord —— 弦图

 技术图片

 

 

     pie——饼状图    

 技术图片

 

 

    tree——树状图

 技术图片

 

 

    中国地图

 技术图片

 

 

    我们利用下面的四章,分布讲解饼状图、力导向图、树状图和中国地图
————————————————
版权声明:本文为CSDN博主「数星星等天明」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_34414916/article/details/80035926

D3.js的v5版本入门教程(第十二章)—— D3.js中各种精美的图形

标签:force   log   打包图   常见   ble   detail   图片   ORC   中国   

原文地址:https://www.cnblogs.com/cangqinglang/p/11609448.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!