svgSym don't show inside node
bcamargogui opened this issue · 1 comments
bcamargogui commented
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
bcamargogui commented
Solved, i need create a tag svg.