Skip to content

Conversation

@cquirosj
Copy link
Contributor

@cquirosj cquirosj commented Jul 7, 2022

Show the average value of a metric on a label outside a hovered monitoring sparkline or graph.

image

image

@cquirosj cquirosj requested review from WojcikMike and sergioc July 7, 2022 06:50
@cquirosj
Copy link
Contributor Author

cquirosj commented Jul 7, 2022

@sergioc this first version is working for the large graph. I would like to pair for implementing the same on the smaller graphs. I also have some concerns about the browser features I used that I would like to review with you.

@cquirosj cquirosj changed the title Adding average labels to graphs in monitoring module Adding average labels to large graphs in monitoring module Jul 7, 2022
@sergioc sergioc added this to the 1.32.0 milestone Jul 12, 2022
@cquirosj cquirosj force-pushed the avg-labels branch 2 times, most recently from bf16de6 to c623f0f Compare July 13, 2022 05:26
@cquirosj cquirosj changed the title Adding average labels to large graphs in monitoring module Adding average labels to graphs in monitoring module Jul 13, 2022
@cquirosj
Copy link
Contributor Author

@sergioc could you test the average label in /monitoring/views/monitored_endpoints_list_grouped.html? I couldn't switch to the grouped view.

@sergioc sergioc changed the title Adding average labels to graphs in monitoring module Add average labels to monitoring sparklines and graphs Jul 13, 2022
cquirosj added 5 commits July 13, 2022 22:38
In the monitoring module, when hovering a given graph, show the corresponding average value on a label outside the sparkline.
- matching graph color
- smaller size
- fixing positioning bug when window content is scrolled
- average label added to small graphs
- average label function moved to its own file
- passing new required attributes to everywhere small graphs are used: endpoint details, monitored endpoints list, monitored endpoint list grouped
- css improvements for showing all the text inside the label aligned to the left and to make the suffix unit of measure to be a bit smaller than the displaying average value
@WojcikMike WojcikMike merged commit 0d4bfe7 into master Jul 14, 2022
@WojcikMike WojcikMike deleted the avg-labels branch July 14, 2022 09:29
@WojcikMike WojcikMike added the Type: Feature Type: Feature label Jul 14, 2022
WilliamBZA pushed a commit that referenced this pull request Feb 17, 2023
* Adding average labels to graphs in monitoring module

In the monitoring module, when hovering a given graph, show the corresponding average value on a label outside the sparkline.

* avg label improvements

- matching graph color
- smaller size
- fixing positioning bug when window content is scrolled

* adding mesurement unit

* average label for small graphs

- average label added to small graphs
- average label function moved to its own file
- passing new required attributes to everywhere small graphs are used: endpoint details, monitored endpoints list, monitored endpoint list grouped
- css improvements for showing all the text inside the label aligned to the left and to make the suffix unit of measure to be a bit smaller than the displaying average value

* avg label styling improvements
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Type: Feature Type: Feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants