# Vega Lite - Mark: Area shows no values but points do

**URL:** <https://discuss.elastic.co/t/vega-lite-mark-area-shows-no-values-but-points-do/258440>\
**Category:** Kibana\
**Tags:** vega\
**Created:** [December 11, 2020, 5:05pm UTC](https://discuss.elastic.co/t/vega-lite-mark-area-shows-no-values-but-points-do/258440 "2020-12-11T17:05:01Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ganymede](https://avatars.discourse-cdn.com/v4/letter/g/838e76/32.png) [@Ganymede](https://discuss.elastic.co/u/Ganymede)\
**Post date:** [December 11, 2020, 5:05pm UTC](https://discuss.elastic.co/t/vega-lite-mark-area-shows-no-values-but-points-do/258440/1 "2020-12-11T17:05:01Z")

</div>

Hi everyone and thanks in advance,

I hope someone can point me into the right direction on this.  
Why do my values only show up when I mark them as points and not line or area?  
Am I missing some form of aggregation? Color?

I suspect Vega draws no connection to the next value in the timeline and thus can't generate an interpolation between them?

```auto
{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "data": {
    "url": {
      "%context%": true,
      "%timefield%": "@timestamp",
      "index": "default-*",
      "body": {"size": 10000, "_source": ["@timestamp", "numericData"]}
    },
    "format": {"property": "hits.hits"}
  },
  "transform": [
    {"calculate": "toDate(datum._source['@timestamp'])", "as": "time"}
  ],
  "vconcat": [
    {
      "width": 1200,
      "mark": {"type": "area", "line": true, "point": true},
      "encoding": {
        "x": {
          "field": "time",
          "scale": {"domain": {"selection": "brush"}},
          "type": "temporal",
          "axis": {"title": ""}
        },
        "y": {
          "field": "_source.numericData",
          "type": "quantitative",
          "scale": {"domain": [0, 10]}
        }
      }
    },
    {
      "width": 1200,
      "height": 60,
      "mark": {"type": "area", "line": true, "point": true}, // <-- area only leaves the diagram empty
      "selection": {"brush": {"type": "interval", "encodings": ["x"]}},
      "encoding": {
        "x": {"field": "time", "type": "temporal"},
        "y": {
          "field": "_source.numericData",
          "type": "quantitative",
          "formatType": "String",
          "axis": {"tickCount": 3, "grid": false}
        }
      }
    }
  ]
}

```

X: timestamp  
Y: integers (float)

I bet there are some crucial setting I'm not seeing from examples and tutorials I'm going through.

Maybe someone has a clue.  
Thank you all for your help and support 🙂

![image](https://us1.discourse-cdn.com/elastic/original/3X/c/4/c44afe05d7a0ae0eb18d6eec91070cd51b15d04c.png)  
_"Mark: Area" is not visible_

---

<div class="post-metadata">

**Author:** ![Ganymede](https://avatars.discourse-cdn.com/v4/letter/g/838e76/32.png) [@Ganymede](https://discuss.elastic.co/u/Ganymede)\
**Post date:** [December 23, 2020, 11:32am UTC](https://discuss.elastic.co/t/vega-lite-mark-area-shows-no-values-but-points-do/258440/2 "2020-12-23T11:32:16Z")

</div>

A filter for null values or values \> 0 did the trick

---

<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:** [January 20, 2021, 11:32am UTC](https://discuss.elastic.co/t/vega-lite-mark-area-shows-no-values-but-points-do/258440/3 "2021-01-20T11:32:19Z")

</div>

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