我使用的是 Vega(不是 vega-lite,因为我使用的是 vega-lite 不支持的 treemap)。
在上面链接的示例中,我在悬停时添加了工具提示,因此您可以看到每个小框是什么:
...
{
"type": "rect",
"from": {"data": "leaves"},
"encode": {
...
"hover": {
"tooltip": {"field": "name"}, // What I added
"fill": {"value": "red"}
}
}
},
...
这对于在工具提示中显示名称非常有用,但我想显示多个字段,我无法弄清楚其语法。我试过这样的东西:
tooltip: [{"field": "name"}, {"field": "depth"}] // Doesn't work
tooltip: {"field": ["name", "depth"]} // Also doesn't work
格式化的字符串也可以,但我也无法弄清楚格式化是如何工作的:
tooltip: "datum['name'] is depth datum['depth']" // Doesn't work
Marks -> Rect documentation 将“工具提示”的类型定义为“任何”(我什至不确定该文档是否适用,因为我的工具提示实际上在 encode
内 -> { {1}} 矩形的子对象。
有没有办法显示多个工具提示值?
答案 0 :(得分:1)
是的!同样,这是很难找到任何文档的事情之一。但这是我如何实现这一目标的示例。
....
encode: {
enter: {
tooltip: {
signal: "{'Title1': datum.field1,
'Title2': datum.field2,
'Title3': datum.field3}"
}
...
你也离我这么近了!出于某种原因,您只需将其定义为一个大信号,然后您就可以访问当前数据。
我知道这是没有引号的(我使用 Kibana 编辑器),因此您可能需要稍微尝试一下语法。