堆积条形图上的条件圆角答案

【问题标题】：Conditional rounded corners on stacked bar chart堆积条形图上的条件圆角
【发布时间】：2022-01-07 09:37:00
【问题描述】：

我有一个带有堆叠条 A 和 B 的图表

A 在 B 的顶部，A 的顶角是圆的，但 B 没有。

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

【问题讨论】：

【解决方案1】：

您可以利用 ZingChart Stacked Bar chart token“%scale-value-value”（或“%vv”）来实现此目的。这是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.

【讨论】：

没有注意到%scale-value-value 令牌。谢谢

【解决方案2】：

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

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

这基本上是说：如果第3个绘图（绘图索引为2）的相应节点的值为零，则将边框取圆。

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

【讨论】：