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

[APM] Time spent by span type chart rendering problem #202343

Closed
crespocarlos opened this issue Nov 29, 2024 · 2 comments · Fixed by #202755
Closed

[APM] Time spent by span type chart rendering problem #202343

crespocarlos opened this issue Nov 29, 2024 · 2 comments · Fixed by #202755
Assignees
Labels
apm:elastic-charts Related issues and bugs to replacing react-vis for Elastic charts bug Fixes for quality problems that affect the customer experience sdh-linked Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team

Comments

@crespocarlos
Copy link
Contributor

crespocarlos commented Nov 29, 2024

Summary

The Time spent by span type chart has problems rendering the data when:

1 - There are big gaps between metric collection. This causes the percentage calculation to generate really small numbers eg subBucket.total_self_time_per_subtype.value=3539 and sumAllSelfTimes=36963655477 results in 4.7769449682984235e-8

Image

2 - For some reason, the chart renders the data points incorrectly in this situation. In the example below HTMLWrappedInJSON value is 0 at that timestamp, but the line spikes as if the value was 100%

Image

Possible fix

How to reproduce

  • Run this script
    • node ./generate_transaction_spent_by_span_response.js > response.json
  • Override the response of .*/internal/apm/services/.*/transaction/charts/breakdown with the json above
  • Navigate to Service Overvview > Transactions tab
    Image
@crespocarlos crespocarlos added bug Fixes for quality problems that affect the customer experience apm:elastic-charts Related issues and bugs to replacing react-vis for Elastic charts sdh-linked Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team labels Nov 29, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services)

@miloszmarcinkowski
Copy link
Contributor

miloszmarcinkowski commented Dec 4, 2024

2 - For some reason, the chart renders the data points incorrectly in this situation. In the example below HTMLWrappedInJSON value is 0 at that timestamp, but the line spikes as if the value was 100%

The chart represents values proportionally with alphabetical order (from the bottom to the top). Therefore, if the one value spikes, it raises the lines for all the following values.

Consider this example (2nd value occupies 99%, therefore 3rd value spikes to the top):
Image

In this example, I swapped the order, so the 1st value occupies 99%. This causes the 2nd and 3rd values to spike to the top:
Image

This isn't clearly visible in the example from SDH because their chart is broken due to negative numbers being provided. That is the reason for lines to cross. I addressed the problem in my PR. However, it would be good to investigate APM server to find why negative values happened in the first place.

SHD scenario with negative values (original):
Image
Customer HAR:
Image

SHD scenario with negative values clamped to zero (after fix):
Image

kibanamachine pushed a commit to kibanamachine/kibana that referenced this issue Dec 5, 2024
)

Closes elastic#202343

## Summary

This PR solves the following issues in `Time spent by span type` chart:
- limits percentages between 0% and 100% (converts negative values to
0%),

before:
<img width="1134" alt="Screenshot 2024-12-04 at 15 28 18"
src="https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3">
after:
<img width="1135" alt="Screenshot 2024-12-04 at 15 30 25"
src="https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734">

---

- rounds percentage to 8 decimal points to prevent scientific notation
in charts (poor readability)

before:
<img width="1132" alt="Screenshot 2024-12-04 at 14 36 54"
src="https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369">
after:
<img width="1132" alt="Screenshot 2024-12-04 at 14 35 39"
src="https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892">

(cherry picked from commit ab9de64)
miloszmarcinkowski added a commit to miloszmarcinkowski/kibana that referenced this issue Dec 5, 2024
)

Closes elastic#202343

## Summary

This PR solves the following issues in `Time spent by span type` chart:
- limits percentages between 0% and 100% (converts negative values to
0%),

before:
<img width="1134" alt="Screenshot 2024-12-04 at 15 28 18"
src="https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3">
after:
<img width="1135" alt="Screenshot 2024-12-04 at 15 30 25"
src="https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734">

---

- rounds percentage to 8 decimal points to prevent scientific notation
in charts (poor readability)

before:
<img width="1132" alt="Screenshot 2024-12-04 at 14 36 54"
src="https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369">
after:
<img width="1132" alt="Screenshot 2024-12-04 at 14 35 39"
src="https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892">

(cherry picked from commit ab9de64)
miloszmarcinkowski added a commit to miloszmarcinkowski/kibana that referenced this issue Dec 5, 2024
)

Closes elastic#202343

## Summary

This PR solves the following issues in `Time spent by span type` chart:
- limits percentages between 0% and 100% (converts negative values to
0%),

before:
<img width="1134" alt="Screenshot 2024-12-04 at 15 28 18"
src="https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3">
after:
<img width="1135" alt="Screenshot 2024-12-04 at 15 30 25"
src="https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734">

---

- rounds percentage to 8 decimal points to prevent scientific notation
in charts (poor readability)

before:
<img width="1132" alt="Screenshot 2024-12-04 at 14 36 54"
src="https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369">
after:
<img width="1132" alt="Screenshot 2024-12-04 at 14 35 39"
src="https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892">

(cherry picked from commit ab9de64)
kibanamachine added a commit that referenced this issue Dec 5, 2024
…ems (#202755) (#203066)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[APM] &#x60;Time spent by span type&#x60; chart rendering problems
(#202755)](#202755)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Milosz
Marcinkowski","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-12-05T10:08:05Z","message":"[APM]
`Time spent by span type` chart rendering problems (#202755)\n\nCloses
#202343\r\n\r\n## Summary\r\n\r\nThis PR solves the following issues in
`Time spent by span type` chart:\r\n- limits percentages between 0% and
100% (converts negative values to\r\n0%),\r\n\r\nbefore: \r\n<img
width=\"1134\" alt=\"Screenshot 2024-12-04 at 15 28
18\"\r\nsrc=\"https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3\">\r\nafter:\r\n<img
width=\"1135\" alt=\"Screenshot 2024-12-04 at 15 30
25\"\r\nsrc=\"https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734\">\r\n\r\n---\r\n\r\n-
rounds percentage to 8 decimal points to prevent scientific
notation\r\nin charts (poor readability)\r\n\r\nbefore: \r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 36
54\"\r\nsrc=\"https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369\">\r\nafter:\r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 35
39\"\r\nsrc=\"https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892\">","sha":"ab9de649fe32b22b4f847d190be73fbf229a1ac8","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","backport:prev-minor","ci:project-deploy-observability","Team:obs-ux-infra_services"],"title":"[APM]
`Time spent by span type` chart rendering
problems","number":202755,"url":"https://github.com/elastic/kibana/pull/202755","mergeCommit":{"message":"[APM]
`Time spent by span type` chart rendering problems (#202755)\n\nCloses
#202343\r\n\r\n## Summary\r\n\r\nThis PR solves the following issues in
`Time spent by span type` chart:\r\n- limits percentages between 0% and
100% (converts negative values to\r\n0%),\r\n\r\nbefore: \r\n<img
width=\"1134\" alt=\"Screenshot 2024-12-04 at 15 28
18\"\r\nsrc=\"https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3\">\r\nafter:\r\n<img
width=\"1135\" alt=\"Screenshot 2024-12-04 at 15 30
25\"\r\nsrc=\"https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734\">\r\n\r\n---\r\n\r\n-
rounds percentage to 8 decimal points to prevent scientific
notation\r\nin charts (poor readability)\r\n\r\nbefore: \r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 36
54\"\r\nsrc=\"https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369\">\r\nafter:\r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 35
39\"\r\nsrc=\"https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892\">","sha":"ab9de649fe32b22b4f847d190be73fbf229a1ac8"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/202755","number":202755,"mergeCommit":{"message":"[APM]
`Time spent by span type` chart rendering problems (#202755)\n\nCloses
#202343\r\n\r\n## Summary\r\n\r\nThis PR solves the following issues in
`Time spent by span type` chart:\r\n- limits percentages between 0% and
100% (converts negative values to\r\n0%),\r\n\r\nbefore: \r\n<img
width=\"1134\" alt=\"Screenshot 2024-12-04 at 15 28
18\"\r\nsrc=\"https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3\">\r\nafter:\r\n<img
width=\"1135\" alt=\"Screenshot 2024-12-04 at 15 30
25\"\r\nsrc=\"https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734\">\r\n\r\n---\r\n\r\n-
rounds percentage to 8 decimal points to prevent scientific
notation\r\nin charts (poor readability)\r\n\r\nbefore: \r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 36
54\"\r\nsrc=\"https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369\">\r\nafter:\r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 35
39\"\r\nsrc=\"https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892\">","sha":"ab9de649fe32b22b4f847d190be73fbf229a1ac8"}}]}]
BACKPORT-->

Co-authored-by: Milosz Marcinkowski <[email protected]>
miloszmarcinkowski added a commit that referenced this issue Dec 5, 2024
) (#203075)

# Backport

This will backport the following commits from `main` to `8.16`:
- [[APM] `Time spent by span type` chart rendering problems
(#202755)](#202755)

<!--- Backport version: 8.9.8 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Milosz
Marcinkowski","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-12-05T10:08:05Z","message":"[APM]
`Time spent by span type` chart rendering problems (#202755)\n\nCloses
#202343\r\n\r\n## Summary\r\n\r\nThis PR solves the following issues in
`Time spent by span type` chart:\r\n- limits percentages between 0% and
100% (converts negative values to\r\n0%),\r\n\r\nbefore: \r\n<img
width=\"1134\" alt=\"Screenshot 2024-12-04 at 15 28
18\"\r\nsrc=\"https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3\">\r\nafter:\r\n<img
width=\"1135\" alt=\"Screenshot 2024-12-04 at 15 30
25\"\r\nsrc=\"https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734\">\r\n\r\n---\r\n\r\n-
rounds percentage to 8 decimal points to prevent scientific
notation\r\nin charts (poor readability)\r\n\r\nbefore: \r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 36
54\"\r\nsrc=\"https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369\">\r\nafter:\r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 35
39\"\r\nsrc=\"https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892\">","sha":"ab9de649fe32b22b4f847d190be73fbf229a1ac8","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","backport:prev-minor","ci:project-deploy-observability","Team:obs-ux-infra_services"],"number":202755,"url":"https://github.com/elastic/kibana/pull/202755","mergeCommit":{"message":"[APM]
`Time spent by span type` chart rendering problems (#202755)\n\nCloses
#202343\r\n\r\n## Summary\r\n\r\nThis PR solves the following issues in
`Time spent by span type` chart:\r\n- limits percentages between 0% and
100% (converts negative values to\r\n0%),\r\n\r\nbefore: \r\n<img
width=\"1134\" alt=\"Screenshot 2024-12-04 at 15 28
18\"\r\nsrc=\"https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3\">\r\nafter:\r\n<img
width=\"1135\" alt=\"Screenshot 2024-12-04 at 15 30
25\"\r\nsrc=\"https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734\">\r\n\r\n---\r\n\r\n-
rounds percentage to 8 decimal points to prevent scientific
notation\r\nin charts (poor readability)\r\n\r\nbefore: \r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 36
54\"\r\nsrc=\"https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369\">\r\nafter:\r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 35
39\"\r\nsrc=\"https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892\">","sha":"ab9de649fe32b22b4f847d190be73fbf229a1ac8"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","labelRegex":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/202755","number":202755,"mergeCommit":{"message":"[APM]
`Time spent by span type` chart rendering problems (#202755)\n\nCloses
#202343\r\n\r\n## Summary\r\n\r\nThis PR solves the following issues in
`Time spent by span type` chart:\r\n- limits percentages between 0% and
100% (converts negative values to\r\n0%),\r\n\r\nbefore: \r\n<img
width=\"1134\" alt=\"Screenshot 2024-12-04 at 15 28
18\"\r\nsrc=\"https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3\">\r\nafter:\r\n<img
width=\"1135\" alt=\"Screenshot 2024-12-04 at 15 30
25\"\r\nsrc=\"https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734\">\r\n\r\n---\r\n\r\n-
rounds percentage to 8 decimal points to prevent scientific
notation\r\nin charts (poor readability)\r\n\r\nbefore: \r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 36
54\"\r\nsrc=\"https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369\">\r\nafter:\r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 35
39\"\r\nsrc=\"https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892\">","sha":"ab9de649fe32b22b4f847d190be73fbf229a1ac8"}},{"url":"https://github.com/elastic/kibana/pull/203066","number":203066,"branch":"8.x","state":"OPEN"}]}]
BACKPORT-->
miloszmarcinkowski added a commit that referenced this issue Dec 5, 2024
) (#203074)

# Backport

This will backport the following commits from `main` to `8.17`:
- [[APM] `Time spent by span type` chart rendering problems
(#202755)](#202755)

<!--- Backport version: 8.9.8 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Milosz
Marcinkowski","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-12-05T10:08:05Z","message":"[APM]
`Time spent by span type` chart rendering problems (#202755)\n\nCloses
#202343\r\n\r\n## Summary\r\n\r\nThis PR solves the following issues in
`Time spent by span type` chart:\r\n- limits percentages between 0% and
100% (converts negative values to\r\n0%),\r\n\r\nbefore: \r\n<img
width=\"1134\" alt=\"Screenshot 2024-12-04 at 15 28
18\"\r\nsrc=\"https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3\">\r\nafter:\r\n<img
width=\"1135\" alt=\"Screenshot 2024-12-04 at 15 30
25\"\r\nsrc=\"https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734\">\r\n\r\n---\r\n\r\n-
rounds percentage to 8 decimal points to prevent scientific
notation\r\nin charts (poor readability)\r\n\r\nbefore: \r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 36
54\"\r\nsrc=\"https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369\">\r\nafter:\r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 35
39\"\r\nsrc=\"https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892\">","sha":"ab9de649fe32b22b4f847d190be73fbf229a1ac8","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","backport:prev-minor","ci:project-deploy-observability","Team:obs-ux-infra_services"],"number":202755,"url":"https://github.com/elastic/kibana/pull/202755","mergeCommit":{"message":"[APM]
`Time spent by span type` chart rendering problems (#202755)\n\nCloses
#202343\r\n\r\n## Summary\r\n\r\nThis PR solves the following issues in
`Time spent by span type` chart:\r\n- limits percentages between 0% and
100% (converts negative values to\r\n0%),\r\n\r\nbefore: \r\n<img
width=\"1134\" alt=\"Screenshot 2024-12-04 at 15 28
18\"\r\nsrc=\"https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3\">\r\nafter:\r\n<img
width=\"1135\" alt=\"Screenshot 2024-12-04 at 15 30
25\"\r\nsrc=\"https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734\">\r\n\r\n---\r\n\r\n-
rounds percentage to 8 decimal points to prevent scientific
notation\r\nin charts (poor readability)\r\n\r\nbefore: \r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 36
54\"\r\nsrc=\"https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369\">\r\nafter:\r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 35
39\"\r\nsrc=\"https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892\">","sha":"ab9de649fe32b22b4f847d190be73fbf229a1ac8"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","labelRegex":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/202755","number":202755,"mergeCommit":{"message":"[APM]
`Time spent by span type` chart rendering problems (#202755)\n\nCloses
#202343\r\n\r\n## Summary\r\n\r\nThis PR solves the following issues in
`Time spent by span type` chart:\r\n- limits percentages between 0% and
100% (converts negative values to\r\n0%),\r\n\r\nbefore: \r\n<img
width=\"1134\" alt=\"Screenshot 2024-12-04 at 15 28
18\"\r\nsrc=\"https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3\">\r\nafter:\r\n<img
width=\"1135\" alt=\"Screenshot 2024-12-04 at 15 30
25\"\r\nsrc=\"https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734\">\r\n\r\n---\r\n\r\n-
rounds percentage to 8 decimal points to prevent scientific
notation\r\nin charts (poor readability)\r\n\r\nbefore: \r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 36
54\"\r\nsrc=\"https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369\">\r\nafter:\r\n<img
width=\"1132\" alt=\"Screenshot 2024-12-04 at 14 35
39\"\r\nsrc=\"https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892\">","sha":"ab9de649fe32b22b4f847d190be73fbf229a1ac8"}},{"url":"https://github.com/elastic/kibana/pull/203066","number":203066,"branch":"8.x","state":"OPEN"}]}]
BACKPORT-->
SoniaSanzV pushed a commit to SoniaSanzV/kibana that referenced this issue Dec 9, 2024
)

Closes elastic#202343

## Summary

This PR solves the following issues in `Time spent by span type` chart:
- limits percentages between 0% and 100% (converts negative values to
0%),

before: 
<img width="1134" alt="Screenshot 2024-12-04 at 15 28 18"
src="https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3">
after:
<img width="1135" alt="Screenshot 2024-12-04 at 15 30 25"
src="https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734">

---

- rounds percentage to 8 decimal points to prevent scientific notation
in charts (poor readability)

before: 
<img width="1132" alt="Screenshot 2024-12-04 at 14 36 54"
src="https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369">
after:
<img width="1132" alt="Screenshot 2024-12-04 at 14 35 39"
src="https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892">
SoniaSanzV pushed a commit to SoniaSanzV/kibana that referenced this issue Dec 9, 2024
)

Closes elastic#202343

## Summary

This PR solves the following issues in `Time spent by span type` chart:
- limits percentages between 0% and 100% (converts negative values to
0%),

before: 
<img width="1134" alt="Screenshot 2024-12-04 at 15 28 18"
src="https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3">
after:
<img width="1135" alt="Screenshot 2024-12-04 at 15 30 25"
src="https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734">

---

- rounds percentage to 8 decimal points to prevent scientific notation
in charts (poor readability)

before: 
<img width="1132" alt="Screenshot 2024-12-04 at 14 36 54"
src="https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369">
after:
<img width="1132" alt="Screenshot 2024-12-04 at 14 35 39"
src="https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892">
CAWilson94 pushed a commit to CAWilson94/kibana that referenced this issue Dec 9, 2024
)

Closes elastic#202343

## Summary

This PR solves the following issues in `Time spent by span type` chart:
- limits percentages between 0% and 100% (converts negative values to
0%),

before: 
<img width="1134" alt="Screenshot 2024-12-04 at 15 28 18"
src="https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3">
after:
<img width="1135" alt="Screenshot 2024-12-04 at 15 30 25"
src="https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734">

---

- rounds percentage to 8 decimal points to prevent scientific notation
in charts (poor readability)

before: 
<img width="1132" alt="Screenshot 2024-12-04 at 14 36 54"
src="https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369">
after:
<img width="1132" alt="Screenshot 2024-12-04 at 14 35 39"
src="https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892">
Samiul-TheSoccerFan pushed a commit to Samiul-TheSoccerFan/kibana that referenced this issue Dec 10, 2024
)

Closes elastic#202343

## Summary

This PR solves the following issues in `Time spent by span type` chart:
- limits percentages between 0% and 100% (converts negative values to
0%),

before: 
<img width="1134" alt="Screenshot 2024-12-04 at 15 28 18"
src="https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3">
after:
<img width="1135" alt="Screenshot 2024-12-04 at 15 30 25"
src="https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734">

---

- rounds percentage to 8 decimal points to prevent scientific notation
in charts (poor readability)

before: 
<img width="1132" alt="Screenshot 2024-12-04 at 14 36 54"
src="https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369">
after:
<img width="1132" alt="Screenshot 2024-12-04 at 14 35 39"
src="https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892">
mykolaharmash pushed a commit to mykolaharmash/kibana that referenced this issue Dec 11, 2024
)

Closes elastic#202343

## Summary

This PR solves the following issues in `Time spent by span type` chart:
- limits percentages between 0% and 100% (converts negative values to
0%),

before: 
<img width="1134" alt="Screenshot 2024-12-04 at 15 28 18"
src="https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3">
after:
<img width="1135" alt="Screenshot 2024-12-04 at 15 30 25"
src="https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734">

---

- rounds percentage to 8 decimal points to prevent scientific notation
in charts (poor readability)

before: 
<img width="1132" alt="Screenshot 2024-12-04 at 14 36 54"
src="https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369">
after:
<img width="1132" alt="Screenshot 2024-12-04 at 14 35 39"
src="https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892">
CAWilson94 pushed a commit to CAWilson94/kibana that referenced this issue Dec 12, 2024
)

Closes elastic#202343

## Summary

This PR solves the following issues in `Time spent by span type` chart:
- limits percentages between 0% and 100% (converts negative values to
0%),

before: 
<img width="1134" alt="Screenshot 2024-12-04 at 15 28 18"
src="https://github.com/user-attachments/assets/73285e87-3aef-4b2d-8e2a-7e3ec87680f3">
after:
<img width="1135" alt="Screenshot 2024-12-04 at 15 30 25"
src="https://github.com/user-attachments/assets/ae25cb85-d31a-490a-96c7-d4475952c734">

---

- rounds percentage to 8 decimal points to prevent scientific notation
in charts (poor readability)

before: 
<img width="1132" alt="Screenshot 2024-12-04 at 14 36 54"
src="https://github.com/user-attachments/assets/528cda4b-ae84-4dbd-9d3f-88896e63a369">
after:
<img width="1132" alt="Screenshot 2024-12-04 at 14 35 39"
src="https://github.com/user-attachments/assets/9a0bdce9-6d66-4aaf-a131-18644eab1892">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
apm:elastic-charts Related issues and bugs to replacing react-vis for Elastic charts bug Fixes for quality problems that affect the customer experience sdh-linked Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants