堆叠条形图上的条件圆角

Question

我有一个包含堆叠柱 A 和 B 的图表

A 在 B 上面，A 的顶角是圆的，但 B 不是。

但我希望 B 在 A = 0 时具有圆顶角

Answer 1

您可以利用 ZingChart Stacked Bar chart token “%scale-value-value” (or “%vv”) for this. It’s the sum value of the stacked node and all nodes stacked below it。使用 rule，将此总和值与“%stack-total”（或“%total”）进行比较以确定该节点是否位于堆栈顶部，然后添加边界半径：

“rules”: [
   {
    “rule”: “%vv == %stack-total”,
    “borderRadiusTopLeft”: “10rem”,
    “borderRadiusTopRight”: “10rem”
   }
 ]

将该规则放入您的“情节”对象中，您应该没问题。 I made a demo in the ZingChart studio if you want to check it out.

Answer 2

另一种方法（或多或少灵活，取决于设置）是使用 (%node-value)(PLOTINDEX) 定位器来检查“下方”节点的值

"rules":[
    {
        "rule":"(%node-value)(2) === 0",
        "borderRadiusTopLeft":"10rem",
        "borderRadiusTopRight":"10rem"
    }
]

这基本上是说：如果第 3 个绘图（绘图索引为 2）的相应节点的值为零，则对边界进行舍入。

参见：https://app.zingsoft.com/demos/view/ZJ1XMRK3

堆叠条形图上的条件圆角

Conditional rounded corners on stacked bar chart

zingchart