David-Desmaisons/Vue.D3.tree

Question: How can I edit the style on the tree component?

beyondnetPeru opened this issue · 3 comments

beyondnetPeru commented

Hi

Exists any form that we can edit styles on the tree component. For instance, I would like to change the color of each node, font size, line colors, etc.

Do you have any recommendation?

darmen commented

Hi @beyondnetPeru. You can do it using CSS:

.treeclass .nodetree text {
    font-family: ...
    font-size: ...
}

.treeclass .nodetree circle {
    fill: ...
}

.treeclass .linktree {
    stroke: ...
    stroke-width: ...
}
David-Desmaisons commented

@beyondnetPeru
You can:

  1. Use CSS as stated by @darmen
  2. Use node slot (version > 4.0.0) to render different grafics on each node
emelendez commented

See my dynamic way in #60