在D3中创建带圆形圆角折线图表的技术问询
在D3中创建带圆形圆角折线图表的技术问询
我正在尝试用D3创建一个折线图,其中数据点由直线连接,但我希望线条连接的转角处是弧形圆角。我尝试通过在连接点附近添加额外的点,再使用曲线函数来实现这个效果。目前我用的是
curveBasis,但它的效果并不理想……
补充说明:
我的问题后来被平台关闭了,还推荐了一个类似的问题,但那个问题的公认答案是个过于复杂的公式,用起来实在麻烦。不过我在原问题的相关内容里找到了一个更省心的解决方法:
有一个NPM包可以帮我们轻松实现圆形圆角的需求,它提供了自定义的曲线函数,用法很简单,只需要这样调用:.curve(circleCorners.radius(10)),就能给折线的转角加上规整的圆形圆角了。
备注:内容来源于stack exchange,提问作者Omar Shishani
相关产品推荐
相关产品推荐

