D3.js:饼图,图表分隔符的不同颜色?

问题描述 投票:0回答:1

图表段分隔符是否可以使用不同的颜色?

enter image description here

在上图,我想为分隔符添加不同的颜色(仅),例如绿色,橙色和红色区域。它应该看起来像这样

enter image description here

javascript d3.js charts pie-chart
1个回答
0
投票

在楔形边界的顶部绘制线条可能是最简单的。

计算1.馅饼中心的位置2.感兴趣的两个arc相交的圆周上的点

并在这两点之间绘制line。根据需要更改stroke颜色。

对于上下文,以及可能的替代方式,扇形的形状是d3 arc,实际上是path。因此,它也有一个stroke,大概可以通过编程来控制。但是arcpath是楔形的整个周长,因此可能很难仅对一个“辐条”段进行着色。

© www.soinside.com 2019 - 2024. All rights reserved.