Visualization guide

Chart panel data grid documentation

Keep the chart panel floating and draggable by default. Use the controls to show or hide the main buttons, swap icons, and pin the panel when you want it docked.

What it means

The chart panel starts floating and draggable. Use the panel controls to compare button visibility, icons, settings, and docking behavior.

When to use it

Use this when the chart should stay beside the grid but still feel like a detachable panel. Leave it floating when people need a quick helper instead of a permanent side panel.

Implementation notes

Use `charts.controls` for button visibility and export actions. Use `charts.controls.showDragHandle`, `charts.controls.showMaximizeButton`, `charts.controls.showResizeButton`, `charts.controls.showCloseButton`, and `charts.controls.settingsPanel` for the panel chrome and settings sidebar. Use `charts.controls.icons` for the drag, maximize, resize, close, and settings icons. Use `charts.panel` for docking, the floating default, and size settings.

Relevant API

Start with charts.enabled, charts.controls, charts.controls.showTypeSelector, charts.controls.showSeriesBy, charts.controls.seriesByOptions, charts.controls.showGroupBy, charts.controls.showMappingSummary, charts.controls.showDragHandle. Open the live API reference for types and defaults.