logologo
Get Started
Guide
Development
Plugins
API
English
简体中文
Get Started
Guide
Development
Plugins
API
English
简体中文
logologo
Overview
Quick Start

Features

Data Query
Chart Options
Preview and Save
Using Context Variables
Page Filters and Linkage

Advanced

Query Data in SQL Mode
Custom Chart Configuration
Custom Interaction Events
FAQ
Best Practices
Previous PagePreview and Save
Next PagePage Filters and Linkage

#Use context variables

With context variables, you can reuse information from the current page, user, time, and filter inputs to render charts and enable linkage based on context.

#Applicable scope

  • Data query in Builder mode: select variables for filter conditions.

clipboard-image-1761486073

  • Data query in SQL mode: choose variables and insert expressions (for example, {{ ctx.user.id }}).

clipboard-image-1761486145

  • Chart options in Custom mode: write JS expressions directly.

clipboard-image-1761486604

  • Interaction events (for example, click to open a drill‑down dialog and pass data): write JS expressions directly.

clipboard-image-1761486683

Note:

  • Do not wrap {{ ... }} with single or double quotes; binding is handled safely based on variable type (string, number, time, NULL).
  • When a variable is NULL or undefined, handle nulls explicitly in SQL using COALESCE(...) or IS NULL.