D3.js:饼图,图表分隔符的颜色不同?
D3.js: Pie graph, different color of chart separators?
是否可以为图表段分隔符设置不同的颜色?
在上图中,我想(仅)为分隔符添加不同的颜色,例如绿色、橙色和红色区域。它应该看起来像这样
在楔形边界的顶部画线可能是最简单的。
计算
1.饼图中心的位置,
2. 圆周上两个 arc
的兴趣相交点
并在这两点之间绘制 line。根据需要更改 stroke
颜色。
对于上下文和一个可能的替代方案,饼楔的形状是 d3 arc
,实际上是 path
。因此它也有一个 stroke
,大概可以通过编程来控制。但是 arc
的 path
是楔形的整个周长,因此可能很难只给一个 "spoke" 段上色。
是否可以为图表段分隔符设置不同的颜色?
在上图中,我想(仅)为分隔符添加不同的颜色,例如绿色、橙色和红色区域。它应该看起来像这样
在楔形边界的顶部画线可能是最简单的。
计算
1.饼图中心的位置,
2. 圆周上两个 arc
的兴趣相交点
并在这两点之间绘制 line。根据需要更改 stroke
颜色。
对于上下文和一个可能的替代方案,饼楔的形状是 d3 arc
,实际上是 path
。因此它也有一个 stroke
,大概可以通过编程来控制。但是 arc
的 path
是楔形的整个周长,因此可能很难只给一个 "spoke" 段上色。