首页 > 解决方案 > 如何在 Vega 中创建带有值的堆积条形图?

问题描述

我正在为 Kibana 在 Vega 中创建自定义可视化。它应该以数字显示垂直堆积条及其值。“y”轴是文档计数,“x”轴是时间刻度。

我不熟悉 Vega,我首先尝试在简单的条形图上显示数字。我复制/粘贴,调整了一些参数并获得了这个版本:

    "marks": [
        {
            "type": "group",
            "marks": [
                {
                    "type": "rect",
                    "name": "bars",
                    "from": {"data":"table"},
                    "encode": {
                        "enter": {
                            "x": {"scale": "xbars", "field": "key"},
                            "width": {"scale": "xbars", "band": 1},
                            "y": {"scale": "yscale", "field": "doc_count"},
                            "y2": {"scale": "yscale", "value": 0}
                        }
                    }
                },
                {
                    "type": "text",
                    "from": {"data": "bars"},
                    "align": "center",
                    "encode": {
                        "enter": {
                            "y": {"field": "y", "offset": -5},
                            "x": {"field": "x", "offset": 0},
                            "text": {"field": "datum.doc_count"}
                        }
                    }
                }
            ]
        }
    ]

结果显示简单的条形、数字,时间格式很好。

我使用“y”和“y2”来显示条形和文本,但我不能再添加“y”轴(“y3”、“y4”...)。我什至不知道是否有可能做我想做的事。

它希望图表看起来像这个例子,但带有数字: https ://vega.github.io/vega/examples/stacked-bar-chart/

标签: vega

解决方案


推荐阅读