How to adjust node or nodelink position on the diagram?

jdbranham / grafana-diagram

A Grafana plugin to visualize metrics in a diagram using flow charts, gantt charts, sequence diagrams, or class diagrams

https://jdbranham.github.io/grafana-diagram/

Apache License 2.0

449 stars 86 forks source link

How to adjust node or nodelink position on the diagram? #60

Closed satishdhavan closed 3 years ago

satishdhavan commented 7 years ago

Hello Contributors,

I am building some interesting flow charts in Grafana diagram panel using mermaid JS syntax.

I just have one issue on how to adjust the position of nodes I created in the graph.

I tired styling the nodes and node links but styling is not useful to adjust the position of a node.

Please help me on this.

Attached is the file u wanna look into.

where I want to adjust the positions of Avg Rate and Errros nodes to whereever I want.

AACC-mermaid-Syntax.txt

jdbranham commented 5 years ago

Hi @satishdhavan I'm following up on old issues and noticed this one! We fixed the sizing issue in the latest release; it might have solved your issue.

NobleVision commented 4 years ago

Grafana 7.0 fixed the spacing issue, but did not fix values given to the text in the lines between the boxes. An example is giving 'SOAP' an alias so it will have a value and the value for 'SOAP' gets truncated under the name.

jdbranham commented 3 years ago

v1.7+ of the plugin fixes the UI issues, and allows custom CSS to be used per diagram.