CompanyOwnership<TEntity extends Entity, TConnection extends Connection, TNeedle>

The CompanyOwnership component visualizes the given data as a company ownership chart. All data items have to be included in the data.

function CompanyOwnershipChart() {
  return (
    <CompanyOwnership data={data}> </CompanyOwnership>
  )
}

Props

CompanyOwnershipProps

NameDescriptionType
className?
Specifies the CSS class used for the CompanyOwnership component.
string
connectionLabelProvider?
Provides a label description for connections.
ConnectionLabelProvider<TConnection>
connectionStyleProvider?
A function that provides a style configuration for the given connection.
ConnectionStyleProvider<
  TEntity,
  TConnection
>
contextMenuItems?
An optional function specifying the context menu items for a data item.
ContextMenuItemProvider<
  TEntity | TConnection
>
data
The data items visualized by the company ownership.
CompanyOwnershipData<
  TEntity,
  TConnection
>
entityLabelProvider?
Provides a label description for entities. The label is not added if renderEntity is set.
EntityLabelProvider<TEntity>
highlightOptions?
Sets the styling options for the different highlight indicators.
HighlightOptions
itemSize?
Specifies the default item size used when no explicit width and height are provided.
{
  width: number
  height: number
}
layoutOptions?
Options for configuring the layout style and behavior.
LayoutOptions
layoutWorker?
Optional Web Worker to run the layout calculation. This requires the initialization of a Web Worker, see initializeWebWorker.
Worker
onItemFocus?
An optional callback that’s called when an item is focused. Note that the focused item is not changed if the empty canvas is clicked.
ItemFocusedListener<
  TEntity | TConnection
>
onItemHover?
An optional callback that’s called when the hovered item has changed.
ItemHoveredListener<
  TEntity | TConnection
>
onItemSelect?
An optional callback that’s called when an item is selected or deselected.
ItemSelectedListener<
  TEntity | TConnection
>
onSearch?
An optional callback that returns whether the given item matches the search needle. The default search implementation only supports string needles and searches all properties of the data item. Provide this callback to implement custom search logic.
SearchFunction<
  TEntity | TConnection,
  TNeedle
>
renderContextMenu?
An optional component that renders a custom context menu.
ComponentType<
  RenderContextMenuProps<TEntity>
>
renderEntity?
A custom render component used for rendering the given data item.
ComponentType<
  RenderEntityProps<TEntity>
>
renderTooltip?
An optional component that can be used for rendering a custom tooltip.
ComponentType<
  RenderTooltipProps<
    TEntity | TConnection
  >
>
searchNeedle?
A string or a complex object to search for. The default search implementation can only handle strings and searches on the properties of the data item. For more complex search logic, provide an CompanyOwnership.onSearch callback.
TNeedle
setLayoutRunning?
State setter used to indicate whether the layout is running.
React.Dispatch<
  React.SetStateAction<boolean>
>
style?
Specifies the CSS style used for the CompanyOwnership component.
CSSProperties