search

elastic / kibana

Your window into the Elastic Stack
https://www.elastic.co/products/kibana
Other
19.72k stars 8.13k forks source link

Improve error page in visualisations when metrics are not present #192569

Open gizas opened 1 week ago

gizas commented 1 week ago

Kibana version: 8.15.0

Elasticsearch version: 8.15

Original install method (e.g. download page, yum, from source, etc.): Install Elastic Agent with an additional policy that includes Kubernetes Integration

Describe the bug:

When no data are present in specific visualisation then an error page is presented as follows Image

The error page is not useful for the user to identify that data are missing. This red error indications can not help users identify that the actual metrics are not present within time range they defined in the Time filter.

Steps to reproduce:

  1. Install elastic agent
  2. Install kubernetes integration 8.15.0
  3. Open [Metric Kubenetes ] Jobs dashbaord

Errors in browser console (if relevant):

TypeError: Cannot read properties of undefined (reading 'length')
    at https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/plugin/expressionMetricVis/1.0.0/expressionMetricVis.chunk.1.js:1:1631
    at l.dispatchRenderChange (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:446:80210)
    at l.componentDidUpdate (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:446:80335)
    at As (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:425:86637)
    at Fc (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:425:104450)
    at t.unstable_runWithPriority (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:433:3768)
    at Xo (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:425:44917)
    at Bc (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:425:101157)
    at wc (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:425:96464)
    at https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:425:45140

The above error occurred in l:
    at l (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:446:80089)
    at S (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:361:754987)
    at div
    at div
    at t.default (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:372:230815)
    at R (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:393:20810)
    at div
    at https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:356:46261
    at div
    at https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:356:46261
    at x (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/plugin/expressionMetricVis/1.0.0/expressionMetricVis.chunk.1.js:1:1408)
    at div
    at https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:356:46261
    at x (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.js:43:313196)
    at L (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.js:43:313997)
    at p (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.js:43:308925)
    at c (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:361:190149)
    at t (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.js:43:223266)
    at ee (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.js:43:223772)
    at Context (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/core/core.entry.js:16:207000)
    at p (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:361:594284)
    at d (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:361:150723)
    at v (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:356:46705)
    at a (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:384:11593)
    at f (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:6:59856)
    at x (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:361:620368)
    at s (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:372:203784)
    at a (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:361:965943)
    at m (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/kbn-ui-shared-deps-npm/kbn-ui-shared-deps-npm.dll.js:377:1067861)
    at T (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/plugin/expressionMetricVis/1.0.0/expressionMetricVis.plugin.js:1:11438)
    at D (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/plugin/expressionMetricVis/1.0.0/expressionMetricVis.plugin.js:1:11763)
    at C (https://41ad3e92effa4b589703da7828e76dbd.us-central1.gcp.cloud.es.io:9243/8aa0b59da12c/bundles/plugin/expressionMetricVis/1.0.0/expressionMetricVis.plugin.js:1:12243)

Any additional context:

https://github.com/elastic/integrations/issues/11060#issuecomment-2343336772

gizas commented 2 days ago

@elastic/kibana-visualizations is this the correct team to assign?