Chart
A chart to visualize data. It supports bar, line, pie, and scatter, dataset grouping and styles, layout customization, and aggregation methods like sum, average, and standard deviation.
Chart uses Plotly to define its data and layout. Refer to Plotly's JavaScript reference to learn more about available options or check out Retool's how-to for a step-by-step guide on building with the Chart component.
Pie chart
Bar graph
Line graph
Properties
Available properties for Chart. You can write JavaScript almost anywhere in Retool to manipulate or read information about components.
The UI Form source data for the chart.
The Plotly JSON data to render the chart. Either provided directly or automatically generated from datasource
.
The chart type. Either bar
, line
, scatter
, or pie
.
The title to display.
The d3-formatted tick label formatting for the X-axis.
The title to display for the X-axis.
The d3-formatted tick label formatting for the Y-axis.
The title to display for the Y-axis.
Events
Events are triggered by user interactions with Chart. Use event handling to trigger queries or other actions in response to events.
A user selects a value.
A user clears the current value.
Methods
Methods for interacting with Chart. You can write JavaScript almost anywhere in Retool and use methods to manipulate data or components.
Scrolls the canvas or parent container so that the selected component appears in the visible area.
Clear the selected points.