emiliorizzo/vue-d3-network

svgSym don't show inside node

bcamargogui opened this issue · 1 comments

Hi, bellow my configuration:

<template>
  <div class="page-home">
    
    <d3-network 
      :net-nodes="nodes" 
      :net-links="links" 
      :options="options"
      :nodeSym="nodeSym"/>

  </div>
</template>

<script>

/* eslint-disable */

import D3Network from 'vue-d3-network'

export default {
  name: 'home',
  data () {
  	return {
  		nodes: [
        { id: 'ri', name: 'Master', _size: '100', svgSym: '@/assets/img/icons/ri.svg' },
  			{ id: 'pl', name: 'Sub1' },
        { id: 'sl', name: 'Sub2' },
  			{ id: 'sp', name: 'Sub3' },
  		],
  		links: [
        { tid: 'ri', sid: 'pl' },
        { tid: 'ri', sid: 'sl' },
        { tid: 'ri', sid: 'sp' },
  		],
  		options: {
        force: 10000,
  			canvas: false,
        nodeLabels: true,
        nodeSize: 50
  		},
      nodeSym: 'ri.svg'
  	}
  },
  components: {
    D3Network
  }
}
</script>

and is it showed

http://prntscr.com/kfjt4d

Solved, i need create a tag svg.