Content
Plotly Graph
Content
Plotly Graph
A component that displays Plotly graphs.
You can listen to events triggered by Plotly.js and add interactivity to your charts. For example, implement cross-filtering.
Fields
| Name | Type | Description | Options |
|---|---|---|---|
| Graph specification | Object | Plotly graph specification. Pass it using state, e.g. @, or paste a JSON specification. | |
| Custom CSS classes | Text | CSS classes, separated by spaces. You can define classes in custom stylesheets. |
Events
Low code usage
This component can be declared directly in Python, using backend-driven UI.
ui.PlotlyGraph(content={
"spec": {}, # Union[Dict, str]
"cssClasses": "", # str
},
handlers={
"plotly-click": handle_event,
"plotly-selected": handle_event,
"plotly-deselect": handle_event,
}
)
A function, in this example handle_event, should be implemented in your code to handle events.
def handle_event(state, payload, context, ui):
pass