search

NovatecConsulting / novatec-service-dependency-graph-panel

A Grafana panel for visualizing a Service Dependency Graph.
Apache License 2.0
191 stars 64 forks source link

[BUG] - All Node Names (Labels) of Nodes Not Seen Simultaneously In the Service Dependency Graph. #74

Closed Mahi1704 closed 2 years ago

Mahi1704 commented 3 years ago

Describe the bug - The names of the nodes and it's details are not getting displayed in the graph without clicking on the nodes. I chose visualisation as "Service Dependency Graph". Screenshot of the graph with only dots (nodes) and no description is attached here. I can see the tabular data in my query inspector data. I want node names to be seen simultaneously for all the nodes. Right now I have to click on individual nodes one by one to see the node name and description of the node (only that node is seen, on at a time.)

To Reproduce - The Query Inspector Data (my table) is attached here to reproduce this scenario. Please provide as much and as detailed information as possible as it will make it easier for us to reproduce and fix the bug!

Expected behavior - All node names should appear when the graph is generated. Instead we have to click on each node to see the name and description of node which is not the expected behaviour. Screenshot of expected behaviour is attached here.

Screenshots - The graph with only dots (nodes) and no description.

GraphWithNoNodeName

The Query Inspector Data (my table)

TableData

DepedencyGraphTable.xlsx

Expected behavioural Dependency graph with node names.

ExpectedGraph

Your Setup: OS: Mac OS Browser : Chrome Grafana-Version : 7.2.1 Plugin : Service Dependency Graph Visualisation

Please help me with this issue.

MariusBrill commented 3 years ago

Hi @Mahi1704 ,

Could you please try and zoom into the panel and check if the labels appear? The labels disappear if the panel is zoomed out to a specific extend.

If this does not work, could you please send a screenshot of your panel options and a screenshot of the console of your browsers dev tools?

Greetings Marius

Mahi1704 commented 3 years ago

Hi @MariusBrill I tried zooming in and out both to their maximum extent. At no point labels started to appear. The white dots in the edges move in the direction of source to destination, but when I zoom out max then they stop moving and the graph freezes. Switching browsers also didn't help. It is same for others in my team too. Attached here is the screenshot of my panel option and console of browsers dev tools.

Screen Shot 2021-03-08 at 6 37 32 PM Screen Shot 2021-03-08 at 6 38 12 PM Screen Shot 2021-03-08 at 6 29 15 PM

Variables Added -

Screen Shot 2021-03-08 at 7 08 48 PM
MariusBrill commented 3 years ago

Hi @Mahi1704

Unfortunately i am not able to reproduce the bug. Could you try to check if the issue also appears with the panel's dummy data?

Otherwise i would advise you to update to the latest version 4.0.2 and see if the error persists.

Greetings Marius

Mahi1704 commented 3 years ago

@MariusBrill the issue does not appear with dummy data. Ok sure, I will update the version and try.

Screen Shot 2021-03-08 at 9 48 41 PM
Mahi1704 commented 3 years ago

@MariusBrill could you pls confirm that the labels should actually appear with version 2.3.0 too and also that my table data and panel settings are all correct? Because for dummy data I can see that zooming in works to bring the labels.

MariusBrill commented 3 years ago

HI @Mahi1704 ,

Yes i can confirm that the labels should appear. Also both your table data and your panel settings looks good.

Greetings Marius

Mahi1704 commented 3 years ago

Hey @MariusBrill, Pardon me for disturbing you again! I think the issue is with my Panel Json. Could you pls share the Panel Json file for a working Graph, that would be really helpful for me? I tried a lot of things and could generate the following graph with independent nodes displaying labels but as soon as the edges are introduced, labels disappear. I am sure the issue is with my Panel Json. Pls share the Panel Json of a working Service Dependency Graph which displays labels.

  1. Graph with edges but no labels

    Screen Shot 2021-03-10 at 10 57 41 AM

    The Panel Json File for it: ServiceDependencyGraph.txt

  2. The labels with independent nodes I could produce:

    Screen Shot 2021-03-10 at 11 03 36 AM

    The Panel Json File for it: NoEdges.txt

MariusBrill commented 3 years ago

HI @Mahi1704 ,

You find the default json in this panel.zip.

Greetings Marius

emma-luk commented 3 years ago

Dear @Mahi1704 @MariusBrill

I just started using the novatec service dependency graph panel.

Could you please help me with the following questions? How can I import the dummy data to the service dependency graph? How to use data sources to the service dependency graph in Grafana?

Thanks

Emma