【问题标题】:D3.js: Pie graph, different color of chart separators?D3.js:饼图,图表分隔符的不同颜色?
【发布时间】:2020-02-13 10:43:06
【问题描述】:

图表分段分隔符可以有不同的颜色吗?

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

【问题讨论】:

  • Tnx 寻求帮助

标签: javascript d3.js charts pie-chart


【解决方案1】:

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

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

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

对于上下文和一个可能的替代方案,饼形楔形是 d3 arc,实际上是 path。因此它还有一个stroke,大概可以通过编程方式控制。但是arcpath 是楔子的整个周边,因此可能很难只为一个“辐条”段着色。

【讨论】:

    猜你喜欢
    • 2014-02-19
    • 1970-01-01
    • 2018-10-25
    • 2014-09-09
    • 2021-10-09
    • 1970-01-01
    • 2013-07-24
    • 1970-01-01
    • 2016-12-10
    相关资源
    最近更新 更多