# Vega radio input don't show defaul

**URL:** <https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182>\
**Category:** Kibana\
**Tags:** vega\
**Created:** [July 30, 2020, 8:22am UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182 "2020-07-30T08:22:28Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michaela\_Krkosova](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/michaela_krkosova/32/46926_2.png) [@Michaela\_Krkosova](https://discuss.elastic.co/u/Michaela_Krkosova)\
**Post date:** [July 30, 2020, 8:22am UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/1 "2020-07-30T08:22:28Z")

</div>

Hi to all  
I have Vega visualization with radio input signal.

```
"signals": [
 {"name": "Zobrazení", "value": "Celkově", "bind": {"input": "radio", "options": ["Celkově", "Po zaměstnancích"]}},
 {"name": "Období", "value": "Den", "bind": {"input": "radio", "options": ["Den", "Hodina"]}}
],

```

When I apply my code, i dont see default values as checked.

 ![v1](https://us1.discourse-cdn.com/elastic/original/3X/4/b/4bd5f95cad0773fd24ba45b8715a5aceef362495.png)

currently using

`"$schema": "https://vega.github.io/schema/vega/v4.3.0.json",`

Thank you

Misa

---

<div class="post-metadata">

**Author:** ![bhavyarm](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/bhavyarm/32/22392_2.png) [@bhavyarm](https://discuss.elastic.co/u/bhavyarm)\
**Post date:** [July 30, 2020, 7:58pm UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/2 "2020-07-30T19:58:08Z")

</div>

@flash1293 can we please get some help?

Thanks,  
Bhavya

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [July 31, 2020, 7:14am UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/3 "2020-07-31T07:14:04Z")

</div>

Hi Misa,

to remove all ambiguities, could you please follow the steps outlined here: [https://gist.github.com/nyurik/736c34970ba3c32f3fe3d45d66719b3e](https://gist.github.com/nyurik/736c34970ba3c32f3fe3d45d66719b3e)

This will give a complete picture of your case and make it much easier to suggest a solution

---

<div class="post-metadata">

**Author:** ![Midas](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/midas/32/50275_2.png) [@Midas](https://discuss.elastic.co/u/Midas)\
**Post date:** [July 31, 2020, 12:33pm UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/4 "2020-07-31T12:33:57Z")

</div>

flash1293,

I see the same thing even with the simplest of items:

"{"$schema":"[https://vega.github.io/schema/vega/v4.3.0.json","signals":[{"name":"color","value":"both","bind":{"input":"radio","options":["fill","stroke","both"]}}],"config":{"range":{"category":{"scheme":"elastic"}},"arc":{"fill":"#54B399"},"area":{"fill":"#54B399"},"line":{"stroke":"#54B399"},"path":{"stroke":"#54B399"},"rect":{"fill":"#54B399"},"rule":{"stroke":"#54B399"},"shape":{"stroke":"#54B399"},"symbol":{"fill":"#54B399"},"trail":{"fill":"#54B399"}},"autosize":{"type":"fit","contains":"padding"}}"](https://vega.github.io/schema/vega/v4.3.0.json%22,%22signals%22:%5B%7B%22name%22:%22color%22,%22value%22:%22both%22,%22bind%22:%7B%22input%22:%22radio%22,%22options%22:%5B%22fill%22,%22stroke%22,%22both%22%5D%7D%7D%5D,%22config%22:%7B%22range%22:%7B%22category%22:%7B%22scheme%22:%22elastic%22%7D%7D,%22arc%22:%7B%22fill%22:%22#54B399%22%7D,%22area%22:%7B%22fill%22:%22#54B399%22%7D,%22line%22:%7B%22stroke%22:%22#54B399%22%7D,%22path%22:%7B%22stroke%22:%22#54B399%22%7D,%22rect%22:%7B%22fill%22:%22#54B399%22%7D,%22rule%22:%7B%22stroke%22:%22#54B399%22%7D,%22shape%22:%7B%22stroke%22:%22#54B399%22%7D,%22symbol%22:%7B%22fill%22:%22#54B399%22%7D,%22trail%22:%7B%22fill%22:%22#54B399%22%7D%7D,%22autosize%22:%7B%22type%22:%22fit%22,%22contains%22:%22padding%22%7D%7D%22)

-Midas

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [July 31, 2020, 12:38pm UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/5 "2020-07-31T12:38:17Z")

</div>

Hi @Midas,

I tested the spec you provided and this is how it looks for me:

 ![Screenshot 2020-07-31 at 14.39.47](https://us1.discourse-cdn.com/elastic/original/3X/9/4/943481efff8aff22422fa97589cf1c04e7ad65f5.png)

Are you seeing something else?

---

<div class="post-metadata">

**Author:** ![Midas](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/midas/32/50275_2.png) [@Midas](https://discuss.elastic.co/u/Midas)\
**Post date:** [July 31, 2020, 4:47pm UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/6 "2020-07-31T16:47:07Z")

</div>

flash1293,

I am seeing it the same way as Misa is. I am using Kibana OSS v7.6.1, Vega 4.3.0. I tried with the Kibana XPack v7.6.1, Vega 4.3.0 as well, same thing. When I used Kibana XPack 6.5.4, Vega 3.3.1, I had no issues and saw what you see there.

-Midas.

---

<div class="post-metadata">

**Author:** ![aaron-nimocks](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/aaron-nimocks/32/73965_2.png) [@aaron-nimocks](https://discuss.elastic.co/u/aaron-nimocks)\
**Post date:** [July 31, 2020, 4:59pm UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/7 "2020-07-31T16:59:48Z")

</div>

I am showing the same using elastic cloud.

It produces valid HTML. Something with CSS might be overriding it but haven't found what yet.

```auto
<input id="vega-option-Zobrazení-Celkově" type="radio" name="Zobrazení" value="Celkově" checked="true">

```

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [July 31, 2020, 5:01pm UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/8 "2020-07-31T17:01:44Z")

</div>

I was testing with the latest unreleased Kibana version using a more recent version of vega, let me check on 7.6

---

<div class="post-metadata">

**Author:** ![aaron-nimocks](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/aaron-nimocks/32/73965_2.png) [@aaron-nimocks](https://discuss.elastic.co/u/aaron-nimocks)\
**Post date:** [July 31, 2020, 5:03pm UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/9 "2020-07-31T17:03:05Z")

</div>

![error](https://us1.discourse-cdn.com/elastic/original/3X/7/d/7debae8accec528e6efe5286729e3fe3017a6ee0.png)

Here is 7.8.0

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [July 31, 2020, 5:06pm UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/10 "2020-07-31T17:06:06Z")

</div>

I was referring to [https://github.com/elastic/kibana/pull/68639](https://github.com/elastic/kibana/pull/68639) (will be released soon with 7.9). I will check on Monday whether there is a workaround for older versions, otherwise you should be able to get it working by upgrading once 7.9 is out.

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [August 5, 2020, 9:00am UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/11 "2020-08-05T09:00:54Z")

</div>

I tested 7.8 locally and I have the same issue there. Seems like vega fixed the problem in the most recent version - I suggest waiting for 7.9 and then upgrading.

Till then, maybe you can use a text mark to show the current value of the signal besides the checkboxes as a workaround?

```auto
  marks: [
  {
      "type": "text",
      "encode": {
        "update": {
          "fill": {"value": "#000"},
          "text": {"signal": "color"}
        }
      }
    }
    ],

```

---

<div class="post-metadata">

**Author:** ![Midas](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/midas/32/50275_2.png) [@Midas](https://discuss.elastic.co/u/Midas)\
**Post date:** [August 12, 2020, 12:40am UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/12 "2020-08-12T00:40:24Z")

</div>

Joe,

Yes, our workaround was to actually build an entire interactive set of buttons that you can flick on and off (as group markings). It's like 200 lines of code BUT it doesn't create that random issue with spacing that happens when a bind takes a portion of the viewbox to render (and we get to customize the font completely).

-Midas

---

<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:** [September 9, 2020, 12:40am UTC](https://discuss.elastic.co/t/vega-radio-input-dont-show-defaul/243182/13 "2020-09-09T00:40:25Z")

</div>

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