Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Node labels placed below node icon #106

Open
fouufi opened this issue Apr 19, 2022 · 1 comment
Open

Node labels placed below node icon #106

fouufi opened this issue Apr 19, 2022 · 1 comment

Comments

@fouufi
Copy link

fouufi commented Apr 19, 2022

Hello; i have a question, I am using the component :
<d3-Network :net-links="links" :net-nodes="nodes" :options="options" />
with following options:

options: {
      fontSize: 11,
      force: 4000,
      strLinks: true,
      nodeSize: 40,
      nodeLabels: true,
      linkLabels: true,
      canvas: false,

      linkWidth: 1,
      offset: {
        x: 0,
        y: 0,
      },
    },

I am adding nodes when data is loaded with icons corresponding to each node and i have the labels of nodes appearing on the right of the icon :
this.nodes.push({ id: nd["name"], name: nd["name"], svgSym: this.url });
Is there any way to change the position of the label ? I would like it placed below the icon but I don't know how to do that, I tried adjusting some css with the class node-label with no luck.

Thanks,

@fouufi
Copy link
Author

fouufi commented Apr 20, 2022

I also can't seem to use pngs as node icons if there is any way to do that ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant