Vega-lite - 超出图表边界时删除选择

Question

是否可以cancel/empty当鼠标移出图表区域时进行选择？

你可以在此处的官方示例中看到此 "issue" 的示例：https://vega.github.io/vega-lite/examples/interactive_multi_line_label.html

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

将鼠标悬停在图表上，然后将鼠标移离图表会导致：

当鼠标离开图表时图表是否可以恢复到默认状态？

Answer 1

是的。将clear 属性添加到label标记中，如下：

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