在节点单击或节点悬停时实现工具提示

如何解决在节点单击或节点悬停时实现工具提示

我正在研究 vue 并在 vue-d3-network 的帮助下实现网络图。我已经使我的代码与这个 jsfiddle 完全相似：https://jsfiddle.net/emii/ru24unsz/

谁能告诉我当我们将鼠标悬停在一个节点上或点击它时，如何显示一个工具提示或一条显示节点信息的消息。

**HTML**
<d3-network :net-nodes="nodes" :net-links="links" :options="options">
</d3-network>

**JS**
var D3Network = window['vue-d3-network']
new Vue({
el: '#app',components: {
  D3Network
},data () {
  return {
    nodes: [
      { id: 1,name: 'my node 1' },{ id: 2,name: 'my node 2' },{ id: 3,_color:'orange' },{ id: 4 },{ id: 5 },{ id: 6 },{ id: 7 },{ id: 8 },{ id: 9 }
   ],links: [
    { sid: 1,tid: 2,_color:'red' },{ sid: 2,tid: 8,_color:'f0f' },{ sid: 3,tid: 4,_color:'rebeccapurple' },{ sid: 4,tid: 5 },{ sid: 5,tid: 6 },{ sid: 7,tid: 8 },tid: 9 }
  ],options:
  {
    force: 3000,nodeSize: 20,nodeLabels: true,linkWidth:5
  }
}

},})