Debugging
editDebugging
editBrowser Debugging console
editUse browser debugging tools (e.g. 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 VegaLite, 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 VegaLite, this is the output of the VegaLite compiler.
* vegalite_spec
- If this is a VegaLite graph, JSON specification of the graph before
VegaLite compilation.
Data
editIf you are using Elasticsearch query, make sure your resulting data is
what you expected. The easiest way to view it is by using "networking"
tab in the browser debugging tools (e.g. F12). Modify the graph slightly
so that it makes a search request, and view the response from the
server. Another approach is to use
Kibana
Dev Tools tab - place the index name into the first line:
GET <INDEX_NAME>/_search
, and add your query as the following lines
(just the value of the "query"
field)
If you need to share your graph with someone, you may want to 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.