Blank page when trying to read metrics in observability

rborredon · May 17, 2024, 9:24am

Versions (relevant - OpenSearch/Dashboard/Server OS/Browser):
Opensearch Dashboard v2.13.0
Edge 123.0
Runs on Microk8s 1.29.4 rev 6809

Describe the issue:
After adding my prometheus server as data source, I can see the list of metrics but when I click on one of them, the page becomes blank (except the menu) and I cannot visualize or select anything.

When I check in the browser logs via the inspector, I can see the following error in the console:

Detected an unhandled Promise rejection.
SyntaxError: "[object Object]" is not valid JSON
observability-metrics#/:1  Uncaught (in promise) SyntaxError: "[object Object]" is not valid JSON
    at JSON.parse (<anonymous>)
    at displayVisualization (observabilityDashboards.plugin.js:1633:114610)
    at observabilityDashboards.chunk.4.js:1:419615
    at Object.fa [as useMemo] (osd-ui-shared-deps.js:435:61568)
    at t.useMemo (osd-ui-shared-deps.js:419:5984)
    at VisualizationContainer (observabilityDashboards.chunk.4.js:1:418325)
    at $i (osd-ui-shared-deps.js:435:57931)
    at Na (osd-ui-shared-deps.js:435:66792)
    at gs (osd-ui-shared-deps.js:435:105389)
    at uc (osd-ui-shared-deps.js:435:96718)

What can I do to solve this issue?
Thanks in advance for your help!

Gsmitt · May 18, 2024, 3:59am

Hey @rborredon

github.com/opensearch-project/sql

[BUG] Observability-Metrics fails to render page with Prometheus data source metric selected

opened 10:46PM - 06 Mar 24 UTC

lyradc

bug

**What is the bug?** With a Prometheus data source added the Observability -> M…etrics will show the available metrics from this data source. However when a metric is selected the page becomes mostly empty and errors are thrown in the browser console. **How can one reproduce the bug?** Steps to reproduce the behavior: 1. Create a Prometheus data source (below ran from Dev Tools) ``` POST _plugins/_query/_datasources { "name": "prometheus", "connector": "prometheus", "properties": { "prometheus.uri": "https://prometheus.url.com/", "prometheus.auth.type": "basicauth", "prometheus.auth.username": "username", "prometheus.auth.password": "password" }, "allowedRoles": [] } ``` 2. Navigate to Observability -> Metrics 3. Wait for the list of available metrics to populate ![image](https://github.com/opensearch-project/sql/assets/101164522/d1fa132f-8674-42f9-89ce-f93058bc7bee) 4. Click on any metric, a moment later the page clears ![image](https://github.com/opensearch-project/sql/assets/101164522/fcfaa8b5-8020-4ff7-8c2f-591e5cd6cf1c) When the page clears the following errors present in the browser console ![image](https://github.com/opensearch-project/sql/assets/101164522/003814ac-193f-43ab-9b3e-68a286e84f25) **What is the expected behavior?** When a metric is selected from Observability -> Metrics I expect to see a summary of the metric similar to the screenshots in https://opensearch.org/docs/latest/observing-your-data/prometheusmetrics/ **What is your host/environment?** - OS: Docker deployed on CentOS7 - Version 2.12.0 - Browser: Chrome version 122.0.6261.95 (Official Build) (64-bit) - Relevant Plugins: opensearch-sql version 2.12.0.0 opensearch-observability version 2.12.0.0

system · July 17, 2024, 4:00am

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Opensearch dashboard goes blank with Json parse error General Feedback	9	631	April 15, 2024
Issue viewing prometheus metrics OpenSearch troubleshoot	2	292	May 29, 2024
Empty page after application creation Observability	6	303	May 28, 2024
Empty Observability/Metrics menupoint Observability troubleshoot	2	408	November 22, 2023
Prometheus metrics visualization display "Data source can't be visualized" OpenSearch Dashboards troubleshoot	2	581	November 11, 2023

Blank page when trying to read metrics in observability

Related Topics