ant-design-charts icon indicating copy to clipboard operation
ant-design-charts copied to clipboard

🧐[问题] 分组柱状图的seriesField 去动态的判断 不会触发视图更新

Open Wxw-Gu opened this issue 2 years ago • 5 comments

🧐 问题描述 [详细地描述问题,让大家都能理解]

我第一次的data值 没有legend字段,seriesField为空, 更新data值 有legend字段 会更新视图,但不会出现分组的选项,

💻 示例代码 [如果有必要,展示代码,线上示例,或仓库]

useEffect(() => { setData(props.value); }, [props.value]);

let flag = data[0]?.legend;

return (

<>
  {
    useMemo(() => <Column data={data} {...config} seriesField={flag ? 'legend' : ''} />, [data])
  }
</>

);

🚑 其他信息 [如截图等其他信息可以贴在这里]

bug1 bug2 bug3

Wxw-Gu avatar Jul 25 '22 03:07 Wxw-Gu

第一次的data值为 [ { "axis": "厨房小电", "value": 6998 }, { "axis": "大家电", "value": 69995 } ]

第二次的data值为 [ { "axis": "厨房小电", "value": 6998, "legend": "204911303113" }, { "axis": "大家电", "value": 69995, "legend": "1172134052236" } ]

分组柱状图 去setData的时候分组不会显示出来 @lxfu1

Wxw-Gu avatar Jul 25 '22 03:07 Wxw-Gu

axis 相同才会分组啊,你数据是 厨房小电大家电 没法分。

lxfu1 avatar Jul 25 '22 04:07 lxfu1

轴是不同的分组啊,你的数据是厨房小电大家电不同的。

可能是我描述的不清楚,这个是demo 您方便点下看demo

https://codesandbox.io/s/ecstatic-pond-55pil2?file=/index.js

Wxw-Gu avatar Jul 25 '22 04:07 Wxw-Gu

@lxfu1 这个是demo 链接 我刚刚更新了一下 config里的seriesField如果有name则为name 没有则为空, 去setData的时候 上面的分组并不会更新, https://codesandbox.io/s/ecstatic-pond-55pil2?file=/index.js

Wxw-Gu avatar Jul 25 '22 04:07 Wxw-Gu

已解决 Column写了一个key, 更新时候去触发

Wxw-Gu avatar Jul 25 '22 05:07 Wxw-Gu