Graph

Graph

The Graph component is a combination of the original dash Graph and the dash data_table.

It can not only be used to render a plotly.js-powered data visualization, but also shows a searchable table, if only data is submitted.

In addition, there is the possibility to add plot parameters as defParams and the dataframe meta data.
This automatically adds a configurator modal, which can be opened via a button at the bottom right.

Constructor

# new Graph()

Source:
Example 
import dash_express_components as dxc
import plotly.express as px

meta = dxc.get_meta(px.data.gapminder())

dxc.Graph(
    id="fig",
    meta=meta,
    defParams={}
)

Type Definitions

# propTypes

Properties
Name Type Description
id string

The ID of this component, used to identify dash components in callbacks. The ID needs to be unique across all of the components in an app.
defParams

Configuration to describe the plot features
meta

The metadata the plotter selection is based on.
plotApi

Url to the plot Api
figure

Plotly figure object. See schema: https://plotly.com/javascript/reference

config is set separately by the config property
style

Generic style overrides on the plot div
selectedData

The data selected in the plot or in the table
className

className of the parent div
saveClick

enable/disable saveClick button
longCallback

enable/disable long callbacks
editButton

enable/disable edit button
currentConfig Object

The current configuration of the plot.
showFilter boolean

Prop to define the visibility of the Filter panel
showTransform boolean

Prop to define the visibility of the Transform panel
setProps

Function that updates the state tree.
hiddenColumns

hidden column names (array of strings)
Source: