【 D3.js 入门系列 --- 9.6 】 打包图的制作

本文介绍如何使用D3.js创建打包图,展示包含与被包含的关系,并通过圆的大小表示权重。讲解了利用D3的layout对city2.json数据进行转换,以便进行可视化。请访问www.ourd3js.com或blog.csdn.net/lzhlzz获取更多内容。
摘要由CSDN通过智能技术生成

    本人的个人博客为:www.ourd3js.com 

    csdn博客为:blog.csdn.net/lzhlzz

    转载请注明出处,谢谢。


    打包图( Pack ),用于包含与被包含的关系,也表示各个对象的权重,通常用一圆套一圆来表示前者,用圆的大小来表示后者。

    先看本节所使用的数据:  city2.json

    这是各城市所属关系的数据。我们现在要用 D3 的 layout 来转换数据,使其容易进行可视化处理。

var pack = d3.layout.pack()
	    			.size([ width, height ])
	    			.radius(20);
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值