Vega-lite-超出图表范围时删除选择

时间:2019-11-20 16:04:15

标签: vega vega-lite

当鼠标移出图表区域时,是否可以取消/清空选择?

您可以在以下官方示例中看到此“问题”的示例:https://vega.github.io/vega-lite/examples/interactive_multi_line_label.html

首次加载页面时,标尺和数据点标记不可见:

enter image description here

将鼠标悬停在图表上,然后将鼠标从图表上移开会导致:

enter image description here

当鼠标移离图表时,图表是否可能返回到默认状态?

1 个答案:

答案 0 :(得分:2)

是的。将clear属性添加到标签标记,如下所示:

"selection": {
      "label": {
        "type": "single",
        "nearest": true,
        "on": "mouseover",
        "encodings": [
          "x"
        ],
        "clear": "mouseout",
        "empty": "none"
      }