Custom Charts not rendering tooltips on mobile devices

I’ve been noticing some problems with displaying Vega-lite tooltips when using a touchscreen device (iphone or iphone) to view the dashboard.

There is some sample code:

  "$schema": "",
  "description": "A simple bar chart with embedded data.",
  "data": {
    "values": [
      {"a": "A", "b": 28}, {"a": "B", "b": 55}, {"a": "C", "b": 43},
      {"a": "D", "b": 91}, {"a": "E", "b": 81}, {"a": "F", "b": 53},
      {"a": "G", "b": 19}, {"a": "H", "b": 87}, {"a": "I", "b": 52}
  "mark": "bar",
  "encoding": {
    "x": {"field": "a", "type": "ordinal"},
    "y": {"field": "b", "type": "quantitative"},"tooltip": {"field": "b", "type": "quantitative"}

If you use the vega-lite online editor, you will see that that the tootips are quite snappy on both the desktop and mobile device.

But if you use the same code is a Losant Custom Chart, the tooltips will display on the Desktop - albeit somewhat sluggishly - and won’t render at all on a mobile device.


I have confirmed you are seeing and created a ticket for it within our system. I’ll be sure to update this forum post when a fix goes out.

1 Like