D3.js pie v3 VS v4

本文对比了D3.js库中pie布局在v3和v4版本之间的主要差异。在v3中,pie布局通过d3.layout.pie创建,而在v4中更改为d3.pie。两者都提供了设置起始、终止和间隔角度的方法,以及排序和值访问器的功能。v4新增了sortValues方法,但其排序方式与浏览器遍历方式相关。
摘要由CSDN通过智能技术生成

v3-API

d3.layout.pie

创建pie布局

pie.startAngle([angle])

设置起始角度。默认从12点钟开始。path默认从3点钟方向
【angle】: Math.Pi / 180

pie.endAngle([angle])

设置终止角度
【angle】: Math.Pi / 180

pie.padAngle([angle])

设置间隔角度
【angle】: Math.Pi / 180

pie.sort([comparator])

用法

d3.layout.pie
        .sort(【comparator】)

【comparator】:
顺序: function comparator(a, b) {
return d3.ascending(parseInt(a[1]), parseInt(b[1])); //升序
}

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值