如何解决Altair-互动式图例仅显示选定的元素
我有以下代码
import { authenticateAzure: authAction } from '../../actions/auth_actions';
// authenticateAzure shadows outer scope
const Authenticate = ({ authenticateAzure }) => {
// use authAction()...
}
但是我想找到一种方法,当用户选择从图例中按性别进行过滤时,使图中的其他元素消失。有什么办法可以做到这一点?我知道有一种方法可以使用单选按钮和下拉过滤器,但我只是想知道是否也可以通过图例来实现。
谢谢
解决方法
您可以使用本机交互式图例并限制所选内容的不透明度。像这样的东西(由于您未提供任何示例数据,因此未进行测试):
selection = alt.selection_multi(fields=['Sex'],bind='legend')
scatter = alt.Chart(abaloneData).mark_circle().encode(
alt.X(alt.repeat("column"),type='quantitative'),alt.Y(alt.repeat("row"),color=alt.Color('Sex:N'),opacity=alt.condition(selection,alt.value(1.0),alt.value(0.0))
).properties(
width=140,height=140
).repeat(
row= ['Ring Number','Diameter','Shell Length','Height'],column=['Whole Wt','Shucked Wt','Viscera Wt','Shell Wt']
#try switching these to see which wa looks better
).add_selection(
selection
)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。