vega - 如何在 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/
解决方案
推荐阅读
- r - 下采样以均衡因子水平对的计数?
- hyperledger-fabric - 数据收集配置文件:配置文件必须在所有组织中都相同吗?
- r - 将xml格式转换为r中的数据框
- c# - DefaultHttpContext 在集成测试中测试身份验证
- c - 在 c 中使用套接字读取和显示内容
- python - 我如何在 Bokeh 中两次放置相同的 x 轴
- javascript - 在打印窗口中打开 Blob 文件
- firebase - 如何检查用户是否验证邮件然后让登录?
- azure - Azure SQL 权限:如何允许使用 Query Performance Insight,但不更改定价层等设置?
- windows - 尝试更新 Windows 中另一个文件夹中文件的文件时间/日期