Vega图形仅在使用React时悬停呈现

Question

我正尝试将Vega-Lite图嵌入到React.js应用程序中，如下所示：

class ClusterDistribution extends Component {
  createPlot = () => {

    ...

    vegaEmbed(this.node, spec, { actions: false }).then(res => {
      res.view.insert("myData", myData);
    });
  };

  componentDidUpdate() {
    this.createPlot();
  }

  render() {
    return <div ref={node => (this.node = node)} />;
  }
}

数据加载良好，但是有一个奇怪的行为，即当我将鼠标悬停在此视频中时，它只会绘制条形图：

show on hover

关于为什么会发生这种情况的任何想法都很棒！