如何解决在 Altair 中选择空栏
是否可以使用 altair 在点击时选择图表中的空条?
例如:
selection = alt.selection_single(fields=['x'])
ch1 = alt.Chart(ds2).mark_bar().encode(
x='y:Q',y='x:O',color=alt.condition(
selection,alt.value('#011B56'),alt.value('lightgray'))
).add_selection(selection).properties(height=200)
在这里您可以看到,现在选择了第三个栏(从上方开始)。我希望能够选择第二个并在另一个图表中进一步进行其他计算。但是如果我现在点击,就会被识别为我点击了图表的空闲空间。另一方面,这会触发选择清除事件。
有没有办法选择一个空栏?
谢谢!
解决方法
我创建了一个 vega-lite 示例,即使没有可见的条形图,您也可以在 y 轴上进行选择。创建一个 x 轴覆盖整个条形刻度的图层,并使用 opacity: 0
使该图层的条形透明。由于第二层的不透明度不可见,您仍然可以在 y 轴的空白空间上执行选择。下面是代码片段和editor:
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json","width": "container","height": 250,"data": {
"values": [
{"Origin": "USA","value": 100},{"Origin": "Japan","value": 0},{"Origin": "Europe","value": 50},{"Origin": "India","value": 100}
]
},"layer": [
{
"mark": "bar","encoding": {
"y": {"field": "Origin"},"x": {"field": "value","type": "quantitative"}
}
},{
"params": [
{
"select": {"type": "point","fields": ["Origin"]},"name": "mySelection"
}
],"transform": [{"calculate": "1","as": "barSel"}],"mark": {"type": "bar","opacity": 0},"x": {
"field": "barSel","type": "quantitative","scale": {"domain": [0,1]},"axis": null
}
}
}
],"resolve": {"scale": {"x": "independent"},"axis": {"x": "independent"}}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。