Dashboard Builder Pro — Quick Guide
1. DATA (choose a mode):

• Bubble List Mode: enable "use_data_source", connect "data_source"

(a list of Things) and list the fields in "data_fields" (e.g., date, amount, status, seller).

• JSON Mode: paste an array into "data_json" (e.g., [{"date":"2024-01-01","amount":1300}]).

2. CARDS: define the charts in "cards_config" (JSON).

Each card: {"id","type","x","y","w","h","config":{...}}.

24-column grid (x from 0 to 23). Types: kpi, progress, gauge, bar, line,

area, pie, donut, funnel, stacked, multiseries, table.

💡 Need help? Use the support chat on the demo page — the agent will generate the JSON ready for you.

3. USER CUSTOMIZATION (optional): enable "allow_add_chart", "allow_card_settings", and "allow_add_card" to let your app's user create/edit/hide/delete cards and change colors, fonts, and types at runtime.

4. PERSISTENCE: save the "cards_config_full" state to your database (via workflow in the LayoutChanged/CardCreated/CardDeleted/CardHidden/CardSettingsChanged events) and return it through the "saved_layout" property. Use "dashboard_id" to have multiple dashboards. The plugin also maintains a local cache (localStorage) for instant response.

5. APPEARANCE: Define theme, primary_color, currency, locale, and translate texts

via "ui_labels" (JSON). Toolbar configurable via "toolbar_mode".