# APM visualizations on a custom dashboard (v7.17)

**URL:** <https://discuss.elastic.co/t/apm-visualizations-on-a-custom-dashboard-v7-17/346323>\
**Category:** APM\
**Tags:** ui\
**Created:** [November 2, 2023, 10:15pm UTC](https://discuss.elastic.co/t/apm-visualizations-on-a-custom-dashboard-v7-17/346323 "2023-11-02T22:15:33Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ElasticLiver](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/elasticliver/32/64869_2.png) [@ElasticLiver](https://discuss.elastic.co/u/ElasticLiver)\
**Post date:** [November 2, 2023, 10:15pm UTC](https://discuss.elastic.co/t/apm-visualizations-on-a-custom-dashboard-v7-17/346323/1 "2023-11-02T22:15:33Z")

</div>

Hi, im trying to reproduce this APM visualizations in the Observability section of kibana, on a custom dashboard without success

![image](https://us1.discourse-cdn.com/elastic/original/3X/4/f/4fc8dcd34e1f16bceefe032bbeea521bb3d5f4fe.png)

this is what i have in TSVB

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/b/0/b0fa78c9cf9008a8fa12109665697b741255cf22.png)

how can i convert the values to percentaje like in the first picture?

also the error visualization, for some reason I can only get the field "error.exception.message" with vega-lite visualizations, and another problem is that doesnt show the same errors that are in the APM visualizations in the Observability section.

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/6/8/68a179209b496f8192607b859a2ce24621038f1f.png)

```auto
{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "data": {
    "url": {
      "index": "andina-apm-error-*",
      "body": {
        "_source": ["@timestamp", "error.exception.message", "url.full", "http.request.method", "http.response.status_code"],
        "query": {
          "bool": {
            "filter": [
              {"exists": {"field": "error.exception.message"}},
              {"range": {"@timestamp": {"%timefilter%": true}}}
            ]
          }
        }
      }
    },
    "format": {"property": "hits.hits"}
  },
  "mark": {"type": "bar", "color": "orange"},
  "encoding": {
    "x": {
      "field": "_source.@timestamp",
      "type": "temporal",
      "axis": {"title": "@timestamp"}
    },
    "y": {
      "aggregate": "count",
      "type": "quantitative",
      "axis": {"title": "Count"}
    },
    "tooltip": [
      {"field": "_source.error.exception[0].message", "type": "nominal", "title": "Error Message"},
      {"field": "_source.url.full", "type": "nominal", "title": "URL"},
      {"field": "_source.http.request.method", "type": "nominal", "title": "HTTP Method"}
    ]
  }
}

```

Can anyone help?  
Thanks!

---

<div class="post-metadata">

**Author:** ![drewdaemon](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/drewdaemon/32/97779_2.png) [@drewdaemon](https://discuss.elastic.co/u/drewdaemon)\
**Post date:** [November 3, 2023, 1:15am UTC](https://discuss.elastic.co/t/apm-visualizations-on-a-custom-dashboard-v7-17/346323/2 "2023-11-03T01:15:16Z")

</div>

> how can i convert the values to percentaje like in the first picture?

A Lens area percentage chart should do what you want:

 ![Screenshot 2023-11-02 at 7.07.35 PM](https://us1.discourse-cdn.com/elastic/original/3X/1/2/123fec846147b27953c39ee23102353f17946ffe.png)

(you'd have to change vertical axis dimension to Average of "[span.duration.us](http://span.duration.us)" )

> another problem is that doesnt show the same errors that are in the APM visualizations in the Observability section.

Unfortunately, APM built [that visualization](https://github.com/elastic/kibana/blob/main/x-pack/plugins/apm/public/components/shared/charts/breakdown_chart/index.tsx) programmatically (not using the user-facing tools). So, I'm not sure on the feasibility of this piece...

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [December 1, 2023, 1:15am UTC](https://discuss.elastic.co/t/apm-visualizations-on-a-custom-dashboard-v7-17/346323/3 "2023-12-01T01:15:32Z")

</div>

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