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

🧐[问题]如何实现多度量的柱状或者条形堆叠图?

Open xiazzhNew opened this issue 2 years ago • 2 comments

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

参照文档上没有找到类似的说明。一番搜索后也没有找到类似的例子。 图形的isStack为true,尝试了让yfield设置为数组和设置series为数组都没有看到效果。

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

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

xiazzhNew avatar Aug 15 '22 11:08 xiazzhNew

https://charts.ant.design/zh/examples/dual-axes/grouped-stacked-line#stacked-grouped-column-line

lxfu1 avatar Aug 15 '22 11:08 lxfu1

https://charts.ant.design/zh/examples/dual-axes/grouped-stacked-line#stacked-grouped-column-line

感谢快速回复和支持!似乎这个配置还是不能解决问题的,您辛苦看一下附件图片内的PowerBI数据和效果图,如果是这样的多个度量维度,我尝试了一下还是无法实现堆叠,而PowerBI和Tableau都可以实现这样的堆叠。 PowerBI多度量堆叠图

xiazzhNew avatar Aug 16 '22 04:08 xiazzhNew

大神们有什么解决方案吗?

xiazzhNew avatar Aug 17 '22 08:08 xiazzhNew

需要转换一下数据,类似 type: '固定工资' || 'xx' ,然后配置 seriesField: 'type'

lxfu1 avatar Aug 17 '22 09:08 lxfu1

明白啦,非常感谢大神的指点!是按这个例子里面的样子进行转换吧? https://codesandbox.io/s/recursing-fire-7i0mi?file=/src/App.js

xiazzhNew avatar Aug 17 '22 09:08 xiazzhNew