vega-lite 条形图堆叠彩色值

Question

 "data": {"values": [{
                "key": "test1",
                "doc_count": 14,
                "misc": {                       
                    "min": 5,
                    "max": 8,
                    "avg": 6.5                        
                }
            },
            {
                "key": "test2",
                "doc_count": 14,
                "misc": {                        
                    "min": 2,
                    "max": 8,
                    "avg": 4.5                       
                }
            }]}

鉴于此数据，需要为 min.avg 和最大值绘制一个堆叠条形图，每个条形使用 3 种颜色。目前我找不到任何解决方案，因为这已经是一个来自弹性的聚合，我看到的所有堆叠条形图示例都使用色标作为字段值，但我需要 3 个字段相同。

是否可以使用此源数据？

Answer 1

您可能希望使用 fold 转换将数据转换为长格式。

{"fold": ["misc.min", "misc.max","misc.avg"]}

应该可以。如果由于嵌套数据而不起作用，您可以先使用计算来展平每个字段（例如，`{"calculate": "misc.min", "as": "min"}）然后折叠压平的字段。

vega-lite 条形图堆叠彩色值

vega-lite bar chart stacked colored values

vega-lite