51dev.com IT技术开发者社区

51dev.com 技术开发者社区

d3的绘制

代码星球阅读(46)2020-06-29 收藏0次评论

1. 颜色绘制

d3.rgb(r,g,b) 获取一个rgb颜色对象
d3.rgb(color)

rgb.brighter() 颜色变亮

rgb.darker() 颜色变暗

rgb.hsl() 返回该颜色的HSL值

rgb.toString() 以字符串形式返回颜色,例如 #ffeeaa

2. 图形绘制

2.1 线段生成器 d3.svg.line() 用来生成线段,包括直线,折线,曲线等

2.2 区域生成器 d3.svg.area() 用来生成封闭区域

2.3 弧形生成器 d3.svg.arc() 创建一个弧形,弧形带有宽度,不只是一条线形的弧

2.4 符号生成器 d3.svg.symbol() 支持的符号有 圆形(circle), 十字架(cross), 菱形(diamond), 正方形(square), 下三角形(triangle-down), 上三角形(triangle-up)

2.5 弦生成器 d3.svg.chord() 两段弧生成一个弦

2.6 对角线生成器 d3.svg.diagonal() 将两个点连接起来,生成一个三次贝塞尔曲线

以上就是d3的绘制的全部内容。