Debugging Vega
editDebugging Vega
editBrowser debugging console
edit
[preview]
This functionality is in technical preview and may be changed or removed in a future release. Elastic will work to fix any issues, but features in technical preview are not subject to the support SLA of official GA features.
Use browser debugging tools (for example, F12 or Ctrl+Shift+J in Chrome) to
inspect the VEGA_DEBUG
variable:
+
* view
— Access to the Vega View object. See Vega Debugging Guide
on how to inspect data and signals at runtime. For Vega-Lite, VEGA_DEBUG.view.data('source_0')
gets the main data set.
For Vega, it uses the data name as defined in your Vega spec.
-
vega_spec
— Vega JSON graph specification after some modifications by Kibana. In case of Vega-Lite, this is the output of the Vega-Lite compiler. -
vegalite_spec
— If this is a Vega-Lite graph, JSON specification of the graph before Vega-Lite compilation.
Data
edit
[preview]
This functionality is in technical preview and may be changed or removed in a future release. Elastic will work to fix any issues, but features in technical preview are not subject to the support SLA of official GA features.
If you are using an Elasticsearch query, make sure your resulting data is
what you expected. The easiest way to view it is by using the "networking"
tab in the browser debugging tools (for example, F12). Modify the graph slightly
so that it makes a search request, and view the response from the
server. Another approach is to use
Dev Tools. Place the index name into the first line:
GET <INDEX_NAME>/_search
, then add your query as the following lines
(just the value of the "query"
field).
If you need to share your graph with someone, copy the
raw data response to gist.github.com, possibly
with a .json
extension, use the [raw]
button, and use that url
directly in your graph.
To restrict Vega from using non-ES data sources, add vega.enableExternalUrls: false
to your kibana.yml file.