如何调整AG Charts堆叠柱状图中系列的圆角半径

看起来你在给AG Charts堆叠柱状图设置系列圆角时踩坑了——在itemStyler里写的cornerRadius完全没生效对吧？我来帮你搞定这个问题~

首先得说，AG Charts对堆叠柱状图的圆角配置逻辑有点“认死理”：你直接在itemStyler里返回笼统的cornerRadius属性，它根本不识别！得用更具体的分方向圆角属性，或者调整配置的层级才行。

给你两个可行的修改方向：

方向一：在itemStyler里用分方向的圆角属性 #

把你原来的cornerRadius: 999换成具体的边角控制属性，比如你想让iphone系列的顶部两个角变成大圆角，就这么改：

theme: {
  overrides: {
    bar: {
      series: {
        fillOpacity: 0.8,
        cornerRadius: 8, // 给所有系列设个基础圆角
        itemStyler: (s) => {
          if (s.yKey === "iphone") {
            return {
              // 只针对顶部两个角设置大圆角
              cornerRadiusTopLeft: 999,
              cornerRadiusTopRight: 999,
              fillOpacity: 0.1,
              fill: "#cf5200",
            };
          }
        },
      },
    },
  },
},

如果是堆叠柱里的底部系列，你就对应设置cornerRadiusBottomLeft和cornerRadiusBottomRight，中间的系列就不用设圆角，这样整体堆叠出来的效果就和你想要的设计图一致了。

方向二：直接在系列配置里单独设置 #

如果你不想在theme里改，也可以给每个系列单独配置圆角，比如：

series: [
  {
    yKey: "iphone",
    // 这里同样可以用分方向属性，或者基础cornerRadius
    cornerRadiusTopLeft: 999,
    cornerRadiusTopRight: 999,
    fill: "#cf5200",
    fillOpacity: 0.1
  },
  // 其他系列的配置...
]

为什么你原来的代码没效果？核心原因就是AG Charts的itemStyler不支持返回笼统的cornerRadius，必须用拆分后的边角属性，或者在系列的顶层配置里设置cornerRadius才行。

备注：内容来源于stack exchange，提问作者Yinchuan He