[功能]: BarChart - 允许为"混合"条形图指定 `stackId`

此特性能解决什么问题 ?

我想显示一个“混合”的条形图;在一个类别中,有些条被堆放,有些则不是,或者被分开堆放。

(中文(简体) ).

这可以在recharts'中进行,即tremor'正在使用`tackId'财产显示图表的图书馆:

• https://recharts.org/en-US/examples/MixBarChart 互联网档案馆的存檔,存档日期2013-12-02.
• https://recharts.org/en-US/api/Bar#stackId (中文(简体) ).

在`tremor'中,本行目前将所有条设置为使用同一堆栈:

https://GitHub.com/tremorlabs/tremor-npm/blob/bd6566b814d907e130b6827194def10b5bc3661f/src/组件/图解/图解/BarChart.tsx#L335

拟议的API是什么样子?

建议1

此外,Tremor'在类别 ' 方面确实有几种不同的道具,这些道具被传递给Recharts ' Q-Bar>` ' 部分。

你可以考虑将 " 类别 " 道具从 " 字符串 " 改为某种 " 类别 " :

时间轴 : 数据=[ { 名称:"第1号住宅", "2022-水经":50,. "2022-电能":100,. "2023-水经":65,. "2023-电能":140, (中文(简体) ). {\fn华文楷体\fs16\1cHE0E0E0} { 名称:"第2号住宅", "2022-水经": 30. "2022-电能":100,. "2023-水经":15,. "2023-电能":85,. {\fn华文楷体\fs16\1cHE0E0E0} ; ; ;

导出默认函数示例(){ 返回( ưμ㼯A < 巴图 数据 {数据} [ {dataKey:"2022-water",颜色:"蓝色",堆叠Id:"2022"}, {dataKey:"2022-电",颜色:"黄",堆叠:"2023"}, {dataKey:"2023-water",颜色:"蓝色",堆叠Id:"2022"}, {dataKey:"2023-电",颜色:"黄",堆叠式:"2023"}, [ [ ] / > 打开 (三) {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

建议2

为了避免将 " 类别 " 道具的种类改为某种 " 类别 " 而不是 " 弦 " ,你可以复制 " 类别 " 和 " 彩色 "道具所遵循的模式:

时间轴 :
数据=[
{
名称:"第1号住宅",
"2022-水经":50,.
"2022-电能":100,.
"2023-水经":65,.
"2023-电能":140, (中文(简体) ).
{\fn华文楷体\fs16\1cHE0E0E0}
{
名称:"第2号住宅",
"2022-水经": 30.
"2022-电能":100,.
"2023-水经":15,.
"2023-电能":85,.
{\fn华文楷体\fs16\1cHE0E0E0}
; ; ;

导出默认函数示例(){
返回( ưμ㼯A
< 巴图
数据 {数据}
[
"2022-水","水","水","水","水","水","水"
"2022年电",
"2023-水","水","水","水","水","水","水","水","水","水","水"等.
"2023年电",
[ [ ]
颜色 ["蓝色","黄色","蓝色","黄色"]]]
堆 ["2022","2022","2023","2023"]]
/ > 打开
(三)
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?